#FFC0EC - #D4D6E6 | 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 #FFC0EC to #D4D6E6

#FFC0EC #D4D6E6

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

#FFC0EC - #D4D6E6 | 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 #FFC0EC as 0% and #D4D6E6 as 100%.

0.0%	0.0% #FFC0EC	RGB 255 192 236	#FFC0EC
16.7%	16.7% #F7C3EB	RGB 247 195 235	#F7C3EB
33.3%	33.3% #F0C7EA	RGB 240 199 234	#F0C7EA
50.0%	50.0% #E9CBE9	RGB 233 203 233	#E9CBE9
66.7%	66.7% #E2CEE8	RGB 226 206 232	#E2CEE8
83.3%	83.3% #DBD2E7	RGB 219 210 231	#DBD2E7
100.0%	100.0% #D4D6E6	RGB 212 214 230	#D4D6E6

#FFC0EC #F7C3EB #F0C7EA #E9CBE9 #E2CEE8 #DBD2E7 #D4D6E6

#FFC0EC - #D4D6E6

HSV Blend

#FFC0EC - #D4D6E6 | 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 #FFC0EC as 0% and #D4D6E6 as 100%.

0.0%	0.0% #FFC0EC	RGB 255 192 236	#FFC0EC
16.7%	16.7% #FAC3F7	RGB 250 195 247	#FAC3F7
33.3%	33.3% #EEC7F6	RGB 238 199 246	#EEC7F6
50.0%	50.0% #E2CBF2	RGB 226 203 242	#E2CBF2
66.7%	66.7% #D9CEEE	RGB 217 206 238	#D9CEEE
83.3%	83.3% #D4D1EA	RGB 212 209 234	#D4D1EA
100.0%	100.0% #D4D6E6	RGB 212 214 230	#D4D6E6

#FFC0EC #FAC3F7 #EEC7F6 #E2CBF2 #D9CEEE #D4D1EA #D4D6E6

#FFC0EC - #E2CBF2 - #D4D6E6

CSS codes

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

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