#CB92DD - #F0DFF5 | 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 #CB92DD to #F0DFF5

#CB92DD #F0DFF5

Calculate the color between two colors, #CB92DD and #F0DFF5. 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)

#CB92DD - #F0DFF5 | 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 #CB92DD as 0% and #F0DFF5 as 100%.

0.0%	0.0% #CB92DD	RGB 203 146 221	#CB92DD
16.7%	16.7% #D19EE1	RGB 209 158 225	#D19EE1
33.3%	33.3% #D7ABE5	RGB 215 171 229	#D7ABE5
50.0%	50.0% #DDB8E9	RGB 221 184 233	#DDB8E9
66.7%	66.7% #E3C5ED	RGB 227 197 237	#E3C5ED
83.3%	83.3% #E9D2F1	RGB 233 210 241	#E9D2F1
100.0%	100.0% #F0DFF5	RGB 240 223 245	#F0DFF5

#CB92DD #D19EE1 #D7ABE5 #DDB8E9 #E3C5ED #E9D2F1 #F0DFF5

#CB92DD - #F0DFF5

HSV Blend

#CB92DD - #F0DFF5 | 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 #CB92DD as 0% and #F0DFF5 as 100%.

0.0%	0.0% #CB92DD	RGB 203 146 221	#CB92DD
16.7%	16.7% #D19EE1	RGB 209 158 225	#D19EE1
33.3%	33.3% #D7AAE5	RGB 215 170 229	#D7AAE5
50.0%	50.0% #DDB7E9	RGB 221 183 233	#DDB7E9
66.7%	66.7% #E3C4ED	RGB 227 196 237	#E3C4ED
83.3%	83.3% #E9D1F1	RGB 233 209 241	#E9D1F1
100.0%	100.0% #F0DFF5	RGB 240 223 245	#F0DFF5

#CB92DD #D19EE1 #D7AAE5 #DDB7E9 #E3C4ED #E9D1F1 #F0DFF5

#CB92DD - #DDB7E9 - #F0DFF5

CSS codes

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

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