#C2ABE5 - #EDE7F7 | 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 #C2ABE5 to #EDE7F7

#C2ABE5 #EDE7F7

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

#C2ABE5 - #EDE7F7 | 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 #C2ABE5 as 0% and #EDE7F7 as 100%.

0.0%	0.0% #C2ABE5	RGB 194 171 229	#C2ABE5
16.7%	16.7% #C9B5E8	RGB 201 181 232	#C9B5E8
33.3%	33.3% #D0BFEB	RGB 208 191 235	#D0BFEB
50.0%	50.0% #D7C9EE	RGB 215 201 238	#D7C9EE
66.7%	66.7% #DED3F1	RGB 222 211 241	#DED3F1
83.3%	83.3% #E5DDF4	RGB 229 221 244	#E5DDF4
100.0%	100.0% #EDE7F7	RGB 237 231 247	#EDE7F7

#C2ABE5 #C9B5E8 #D0BFEB #D7C9EE #DED3F1 #E5DDF4 #EDE7F7

#C2ABE5 - #EDE7F7

HSV Blend

#C2ABE5 - #EDE7F7 | 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 #C2ABE5 as 0% and #EDE7F7 as 100%.

0.0%	0.0% #C2ABE5	RGB 194 171 229	#C2ABE5
16.7%	16.7% #C8B4E8	RGB 200 180 232	#C8B4E8
33.3%	33.3% #CFBEEB	RGB 207 190 235	#CFBEEB
50.0%	50.0% #D6C8EE	RGB 214 200 238	#D6C8EE
66.7%	66.7% #DDD2F1	RGB 221 210 241	#DDD2F1
83.3%	83.3% #E5DCF4	RGB 229 220 244	#E5DCF4
100.0%	100.0% #EDE7F7	RGB 237 231 247	#EDE7F7

#C2ABE5 #C8B4E8 #CFBEEB #D6C8EE #DDD2F1 #E5DCF4 #EDE7F7

#C2ABE5 - #D6C8EE - #EDE7F7

CSS codes

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

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