#C0AAF7 - #FFE7EC | 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 #C0AAF7 to #FFE7EC

#C0AAF7 #FFE7EC

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

#C0AAF7 - #FFE7EC | 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 #C0AAF7 as 0% and #FFE7EC as 100%.

0.0%	0.0% #C0AAF7	RGB 192 170 247	#C0AAF7
16.7%	16.7% #CAB4F5	RGB 202 180 245	#CAB4F5
33.3%	33.3% #D5BEF3	RGB 213 190 243	#D5BEF3
50.0%	50.0% #DFC8F1	RGB 223 200 241	#DFC8F1
66.7%	66.7% #EAD2EF	RGB 234 210 239	#EAD2EF
83.3%	83.3% #F4DCED	RGB 244 220 237	#F4DCED
100.0%	100.0% #FFE7EC	RGB 255 231 236	#FFE7EC

#C0AAF7 #CAB4F5 #D5BEF3 #DFC8F1 #EAD2EF #F4DCED #FFE7EC

#C0AAF7 - #FFE7EC

HSV Blend

#C0AAF7 - #FFE7EC | 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 #C0AAF7 as 0% and #FFE7EC as 100%.

0.0%	0.0% #C0AAF7	RGB 192 170 247	#C0AAF7
16.7%	16.7% #D8B3F8	RGB 216 179 248	#D8B3F8
33.3%	33.3% #ECBDF9	RGB 236 189 249	#ECBDF9
50.0%	50.0% #FBC8F9	RGB 251 200 249	#FBC8F9
66.7%	66.7% #FCD2F0	RGB 252 210 240	#FCD2F0
83.3%	83.3% #FDDCEB	RGB 253 220 235	#FDDCEB
100.0%	100.0% #FFE7EC	RGB 255 231 236	#FFE7EC

#C0AAF7 #D8B3F8 #ECBDF9 #FBC8F9 #FCD2F0 #FDDCEB #FFE7EC

#C0AAF7 - #FBC8F9 - #FFE7EC

CSS codes

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

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