Background with multiple colours and the borders of different colours mixed

HTML-CSS
1

I am creating background with multiple colours here code editor - code editor

But I need the colours to be mixed

2

You mean you’d like to have a soft transition? The third number defines the blur radius, setting it to 0 will cause sharp edges between the colours.

     /* try setting this to 1rem instead of 0 */
                        |
                        |
                        v
box-shadow: inset 0 5em 0 #DBC8DA
3

Sorry it did nothing to it. It makes it bigger

4

Then I don’t understand what your goal is. I thought you were looking for something like this:

fcc

5

Wouldn’t a repeating linear gradient work?

6

I need the border of colours to be mixed. The colours to be like range colour

7

Hi @Abdulrahmanmann ,

I am a little confused about what exactly you want to achieve. As per my understanding, I am sending you a link that could be of any help.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.