#C2C9A8 - #E1D4EB | 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 #C2C9A8 to #E1D4EB

#C2C9A8 #E1D4EB

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

#C2C9A8 - #E1D4EB | 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 #C2C9A8 as 0% and #E1D4EB as 100%.

0.0%	0.0% #C2C9A8	RGB 194 201 168	#C2C9A8
16.7%	16.7% #C7CAB3	RGB 199 202 179	#C7CAB3
33.3%	33.3% #CCCCBE	RGB 204 204 190	#CCCCBE
50.0%	50.0% #D1CEC9	RGB 209 206 201	#D1CEC9
66.7%	66.7% #D6D0D4	RGB 214 208 212	#D6D0D4
83.3%	83.3% #DBD2DF	RGB 219 210 223	#DBD2DF
100.0%	100.0% #E1D4EB	RGB 225 212 235	#E1D4EB

#C2C9A8 #C7CAB3 #CCCCBE #D1CEC9 #D6D0D4 #DBD2DF #E1D4EB

#C2C9A8 - #E1D4EB

HSV Blend

#C2C9A8 - #E1D4EB | 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 #C2C9A8 as 0% and #E1D4EB as 100%.

0.0%	0.0% #C2C9A8	RGB 194 201 168	#C2C9A8
16.7%	16.7% #CEC7AF	RGB 206 199 175	#CEC7AF
33.3%	33.3% #D4C0B6	RGB 212 192 182	#D4C0B6
50.0%	50.0% #DABDC0	RGB 218 189 192	#DABDC0
66.7%	66.7% #DFC4D3	RGB 223 196 211	#DFC4D3
83.3%	83.3% #E5CCE5	RGB 229 204 229	#E5CCE5
100.0%	100.0% #E1D4EB	RGB 225 212 235	#E1D4EB

#C2C9A8 #CEC7AF #D4C0B6 #DABDC0 #DFC4D3 #E5CCE5 #E1D4EB

#C2C9A8 - #DABDC0 - #E1D4EB

CSS codes

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

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