#C2C8C5 - #E6D4D6 | 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 #C2C8C5 to #E6D4D6

#C2C8C5 #E6D4D6

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

#C2C8C5 - #E6D4D6 | 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 #C2C8C5 as 0% and #E6D4D6 as 100%.

0.0%	0.0% #C2C8C5	RGB 194 200 197	#C2C8C5
16.7%	16.7% #C8CAC7	RGB 200 202 199	#C8CAC7
33.3%	33.3% #CECCCA	RGB 206 204 202	#CECCCA
50.0%	50.0% #D4CECD	RGB 212 206 205	#D4CECD
66.7%	66.7% #DAD0D0	RGB 218 208 208	#DAD0D0
83.3%	83.3% #E0D2D3	RGB 224 210 211	#E0D2D3
100.0%	100.0% #E6D4D6	RGB 230 212 214	#E6D4D6

#C2C8C5 #C8CAC7 #CECCCA #D4CECD #DAD0D0 #E0D2D3 #E6D4D6

#C2C8C5 - #E6D4D6

HSV Blend

#C2C8C5 - #E6D4D6 | 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 #C2C8C5 as 0% and #E6D4D6 as 100%.

0.0%	0.0% #C2C8C5	RGB 194 200 197	#C2C8C5
16.7%	16.7% #C5CDC5	RGB 197 205 197	#C5CDC5
33.3%	33.3% #CBD2C8	RGB 203 210 200	#CBD2C8
50.0%	50.0% #D4D7CB	RGB 212 215 203	#D4D7CB
66.7%	66.7% #DCD8CE	RGB 220 216 206	#DCD8CE
83.3%	83.3% #E1D6D1	RGB 225 214 209	#E1D6D1
100.0%	100.0% #E6D4D6	RGB 230 212 214	#E6D4D6

#C2C8C5 #C5CDC5 #CBD2C8 #D4D7CB #DCD8CE #E1D6D1 #E6D4D6

#C2C8C5 - #D4D7CB - #E6D4D6

CSS codes

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

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