#CBA1EE - #F0E4FA | 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 #CBA1EE to #F0E4FA

#CBA1EE #F0E4FA

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

#CBA1EE - #F0E4FA | 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 #CBA1EE as 0% and #F0E4FA as 100%.

0.0%	0.0% #CBA1EE	RGB 203 161 238	#CBA1EE
16.7%	16.7% #D1ACF0	RGB 209 172 240	#D1ACF0
33.3%	33.3% #D7B7F2	RGB 215 183 242	#D7B7F2
50.0%	50.0% #DDC2F4	RGB 221 194 244	#DDC2F4
66.7%	66.7% #E3CDF6	RGB 227 205 246	#E3CDF6
83.3%	83.3% #E9D8F8	RGB 233 216 248	#E9D8F8
100.0%	100.0% #F0E4FA	RGB 240 228 250	#F0E4FA

#CBA1EE #D1ACF0 #D7B7F2 #DDC2F4 #E3CDF6 #E9D8F8 #F0E4FA

#CBA1EE - #F0E4FA

HSV Blend

#CBA1EE - #F0E4FA | 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 #CBA1EE as 0% and #F0E4FA as 100%.

0.0%	0.0% #CBA1EE	RGB 203 161 238	#CBA1EE
16.7%	16.7% #D0ABF0	RGB 208 171 240	#D0ABF0
33.3%	33.3% #D7B6F2	RGB 215 182 242	#D7B6F2
50.0%	50.0% #DDC1F4	RGB 221 193 244	#DDC1F4
66.7%	66.7% #E3CDF6	RGB 227 205 246	#E3CDF6
83.3%	83.3% #E9D8F8	RGB 233 216 248	#E9D8F8
100.0%	100.0% #F0E4FA	RGB 240 228 250	#F0E4FA

#CBA1EE #D0ABF0 #D7B6F2 #DDC1F4 #E3CDF6 #E9D8F8 #F0E4FA

#CBA1EE - #DDC1F4 - #F0E4FA

CSS codes

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

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