#C2BDB2 - #EEDACA | 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 #C2BDB2 to #EEDACA

#C2BDB2 #EEDACA

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

#C2BDB2 - #EEDACA | 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 #C2BDB2 as 0% and #EEDACA as 100%.

0.0%	0.0% #C2BDB2	RGB 194 189 178	#C2BDB2
16.7%	16.7% #C9C1B6	RGB 201 193 182	#C9C1B6
33.3%	33.3% #D0C6BA	RGB 208 198 186	#D0C6BA
50.0%	50.0% #D8CBBE	RGB 216 203 190	#D8CBBE
66.7%	66.7% #DFD0C2	RGB 223 208 194	#DFD0C2
83.3%	83.3% #E6D5C6	RGB 230 213 198	#E6D5C6
100.0%	100.0% #EEDACA	RGB 238 218 202	#EEDACA

#C2BDB2 #C9C1B6 #D0C6BA #D8CBBE #DFD0C2 #E6D5C6 #EEDACA

#C2BDB2 - #EEDACA

HSV Blend

#C2BDB2 - #EEDACA | 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 #C2BDB2 as 0% and #EEDACA as 100%.

0.0%	0.0% #C2BDB2	RGB 194 189 178	#C2BDB2
16.7%	16.7% #C9C2B6	RGB 201 194 182	#C9C2B6
33.3%	33.3% #D0C8BA	RGB 208 200 186	#D0C8BA
50.0%	50.0% #D8CDBE	RGB 216 205 190	#D8CDBE
66.7%	66.7% #DFD1C2	RGB 223 209 194	#DFD1C2
83.3%	83.3% #E6D6C6	RGB 230 214 198	#E6D6C6
100.0%	100.0% #EEDACA	RGB 238 218 202	#EEDACA

#C2BDB2 #C9C2B6 #D0C8BA #D8CDBE #DFD1C2 #E6D6C6 #EEDACA

#C2BDB2 - #D8CDBE - #EEDACA

CSS codes

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

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