#C8C6C6 - #EDD4E5 | 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 #C8C6C6 to #EDD4E5

#C8C6C6 #EDD4E5

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

#C8C6C6 - #EDD4E5 | 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 #C8C6C6 as 0% and #EDD4E5 as 100%.

0.0%	0.0% #C8C6C6	RGB 200 198 198	#C8C6C6
16.7%	16.7% #CEC8CB	RGB 206 200 203	#CEC8CB
33.3%	33.3% #D4CAD0	RGB 212 202 208	#D4CAD0
50.0%	50.0% #DACDD5	RGB 218 205 213	#DACDD5
66.7%	66.7% #E0CFDA	RGB 224 207 218	#E0CFDA
83.3%	83.3% #E6D1DF	RGB 230 209 223	#E6D1DF
100.0%	100.0% #EDD4E5	RGB 237 212 229	#EDD4E5

#C8C6C6 #CEC8CB #D4CAD0 #DACDD5 #E0CFDA #E6D1DF #EDD4E5

#C8C6C6 - #EDD4E5

HSV Blend

#C8C6C6 - #EDD4E5 | 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 #C8C6C6 as 0% and #EDD4E5 as 100%.

0.0%	0.0% #C8C6C6	RGB 200 198 198	#C8C6C6
16.7%	16.7% #CEC8C9	RGB 206 200 201	#CEC8C9
33.3%	33.3% #D4CBCD	RGB 212 203 205	#D4CBCD
50.0%	50.0% #DACDD2	RGB 218 205 210	#DACDD2
66.7%	66.7% #E0D0D7	RGB 224 208 215	#E0D0D7
83.3%	83.3% #E6D2DD	RGB 230 210 221	#E6D2DD
100.0%	100.0% #EDD4E5	RGB 237 212 229	#EDD4E5

#C8C6C6 #CEC8C9 #D4CBCD #DACDD2 #E0D0D7 #E6D2DD #EDD4E5

#C8C6C6 - #DACDD2 - #EDD4E5

CSS codes

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

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