#F08DF7 - #CB32C6 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #F08DF7 to #CB32C6

#F08DF7 #CB32C6

Calculate the color between two colors, #F08DF7 and #CB32C6. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#F08DF7 - #CB32C6 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #F08DF7 as 0% and #CB32C6 as 100%.

0.0%	0.0% #F08DF7	RGB 240 141 247	#F08DF7
16.7%	16.7% #E97DEE	RGB 233 125 238	#E97DEE
33.3%	33.3% #E36EE6	RGB 227 110 230	#E36EE6
50.0%	50.0% #DD5FDE	RGB 221 95 222	#DD5FDE
66.7%	66.7% #D750D6	RGB 215 80 214	#D750D6
83.3%	83.3% #D141CE	RGB 209 65 206	#D141CE
100.0%	100.0% #CB32C6	RGB 203 50 198	#CB32C6

#F08DF7 #E97DEE #E36EE6 #DD5FDE #D750D6 #D141CE #CB32C6

#F08DF7 - #CB32C6

HSV Blend

#F08DF7 - #CB32C6 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #F08DF7 as 0% and #CB32C6 as 100%.

0.0%	0.0% #F08DF7	RGB 240 141 247	#F08DF7
16.7%	16.7% #E97BEF	RGB 233 123 239	#E97BEF
33.3%	33.3% #E46BE8	RGB 228 107 232	#E46BE8
50.0%	50.0% #DE5BE1	RGB 222 91 225	#DE5BE1
66.7%	66.7% #D94DD9	RGB 217 77 217	#D94DD9
83.3%	83.3% #D23FCF	RGB 210 63 207	#D23FCF
100.0%	100.0% #CB32C6	RGB 203 50 198	#CB32C6

#F08DF7 #E97BEF #E46BE8 #DE5BE1 #D94DD9 #D23FCF #CB32C6

#F08DF7 - #DE5BE1 - #CB32C6

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #F08DF7 0%, #CB32C6 100%);
    background: -webkit-linear-gradient(top, #F08DF7 0%, #CB32C6 100%);
    background: linear-gradient(to bottom, #F08DF7 0%, #CB32C6 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #F08DF7 0%, #DE5BE1 50%, #CB32C6 100%);
    background: -webkit-linear-gradient(top, #F08DF7 0%, #DE5BE1 50%, #CB32C6 100%);
    background: linear-gradient(to bottom, #F08DF7 0%, #DE5BE1 50%, #CB32C6 100%);
}
</style>