#C6CFC3 - #E2D6E4 | 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 #C6CFC3 to #E2D6E4

#C6CFC3 #E2D6E4

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

#C6CFC3 - #E2D6E4 | 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 #C6CFC3 as 0% and #E2D6E4 as 100%.

0.0%	0.0% #C6CFC3	RGB 198 207 195	#C6CFC3
16.7%	16.7% #CAD0C8	RGB 202 208 200	#CAD0C8
33.3%	33.3% #CFD1CE	RGB 207 209 206	#CFD1CE
50.0%	50.0% #D4D2D3	RGB 212 210 211	#D4D2D3
66.7%	66.7% #D8D3D9	RGB 216 211 217	#D8D3D9
83.3%	83.3% #DDD4DE	RGB 221 212 222	#DDD4DE
100.0%	100.0% #E2D6E4	RGB 226 214 228	#E2D6E4

#C6CFC3 #CAD0C8 #CFD1CE #D4D2D3 #D8D3D9 #DDD4DE #E2D6E4

#C6CFC3 - #E2D6E4

HSV Blend

#C6CFC3 - #E2D6E4 | 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 #C6CFC3 as 0% and #E2D6E4 as 100%.

0.0%	0.0% #C6CFC3	RGB 198 207 195	#C6CFC3
16.7%	16.7% #CFD2C6	RGB 207 210 198	#CFD2C6
33.3%	33.3% #D6D3C9	RGB 214 211 201	#D6D3C9
50.0%	50.0% #D9D0CC	RGB 217 208 204	#D9D0CC
66.7%	66.7% #DDCFD2	RGB 221 207 210	#DDCFD2
83.3%	83.3% #E0D2DB	RGB 224 210 219	#E0D2DB
100.0%	100.0% #E2D6E4	RGB 226 214 228	#E2D6E4

#C6CFC3 #CFD2C6 #D6D3C9 #D9D0CC #DDCFD2 #E0D2DB #E2D6E4

#C6CFC3 - #D9D0CC - #E2D6E4

CSS codes

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

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