#C7EAF1 - #FEE6FF | 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 #C7EAF1 to #FEE6FF

#C7EAF1 #FEE6FF

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

#C7EAF1 - #FEE6FF | 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 #C7EAF1 as 0% and #FEE6FF as 100%.

0.0%	0.0% #C7EAF1	RGB 199 234 241	#C7EAF1
16.7%	16.7% #D0E9F3	RGB 208 233 243	#D0E9F3
33.3%	33.3% #D9E8F5	RGB 217 232 245	#D9E8F5
50.0%	50.0% #E2E8F8	RGB 226 232 248	#E2E8F8
66.7%	66.7% #EBE7FA	RGB 235 231 250	#EBE7FA
83.3%	83.3% #F4E6FC	RGB 244 230 252	#F4E6FC
100.0%	100.0% #FEE6FF	RGB 254 230 255	#FEE6FF

#C7EAF1 #D0E9F3 #D9E8F5 #E2E8F8 #EBE7FA #F4E6FC #FEE6FF

#C7EAF1 - #FEE6FF

HSV Blend

#C7EAF1 - #FEE6FF | 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 #C7EAF1 as 0% and #FEE6FF as 100%.

0.0%	0.0% #C7EAF1	RGB 199 234 241	#C7EAF1
16.7%	16.7% #CCE1F3	RGB 204 225 243	#CCE1F3
33.3%	33.3% #D1D9F5	RGB 209 217 245	#D1D9F5
50.0%	50.0% #D8D6F8	RGB 216 214 248	#D8D6F8
66.7%	66.7% #E6DBFA	RGB 230 219 250	#E6DBFA
83.3%	83.3% #F3E0FC	RGB 243 224 252	#F3E0FC
100.0%	100.0% #FEE6FF	RGB 254 230 255	#FEE6FF

#C7EAF1 #CCE1F3 #D1D9F5 #D8D6F8 #E6DBFA #F3E0FC #FEE6FF

#C7EAF1 - #D8D6F8 - #FEE6FF

CSS codes

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

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