#C8C6D6 - #FFECD2 | 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 #C8C6D6 to #FFECD2

#C8C6D6 #FFECD2

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

#C8C6D6 - #FFECD2 | 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 #C8C6D6 as 0% and #FFECD2 as 100%.

0.0%	0.0% #C8C6D6	RGB 200 198 214	#C8C6D6
16.7%	16.7% #D1CCD5	RGB 209 204 213	#D1CCD5
33.3%	33.3% #DAD2D4	RGB 218 210 212	#DAD2D4
50.0%	50.0% #E3D9D4	RGB 227 217 212	#E3D9D4
66.7%	66.7% #ECDFD3	RGB 236 223 211	#ECDFD3
83.3%	83.3% #F5E5D2	RGB 245 229 210	#F5E5D2
100.0%	100.0% #FFECD2	RGB 255 236 210	#FFECD2

#C8C6D6 #D1CCD5 #DAD2D4 #E3D9D4 #ECDFD3 #F5E5D2 #FFECD2

#C8C6D6 - #FFECD2

HSV Blend

#C8C6D6 - #FFECD2 | 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 #C8C6D6 as 0% and #FFECD2 as 100%.

0.0%	0.0% #C8C6D6	RGB 200 198 214	#C8C6D6
16.7%	16.7% #D3C8DC	RGB 211 200 220	#D3C8DC
33.3%	33.3% #E2CAE3	RGB 226 202 227	#E2CAE3
50.0%	50.0% #EACDE0	RGB 234 205 224	#EACDE0
66.7%	66.7% #F1CED7	RGB 241 206 215	#F1CED7
83.3%	83.3% #F8D7D0	RGB 248 215 208	#F8D7D0
100.0%	100.0% #FFECD2	RGB 255 236 210	#FFECD2

#C8C6D6 #D3C8DC #E2CAE3 #EACDE0 #F1CED7 #F8D7D0 #FFECD2

#C8C6D6 - #EACDE0 - #FFECD2

CSS codes

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

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