#CDBDBB - #EECED4 | 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 #CDBDBB to #EECED4

#CDBDBB #EECED4

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

#CDBDBB - #EECED4 | 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 #CDBDBB as 0% and #EECED4 as 100%.

0.0%	0.0% #CDBDBB	RGB 205 189 187	#CDBDBB
16.7%	16.7% #D2BFBF	RGB 210 191 191	#D2BFBF
33.3%	33.3% #D8C2C3	RGB 216 194 195	#D8C2C3
50.0%	50.0% #DDC5C7	RGB 221 197 199	#DDC5C7
66.7%	66.7% #E3C8CB	RGB 227 200 203	#E3C8CB
83.3%	83.3% #E8CBCF	RGB 232 203 207	#E8CBCF
100.0%	100.0% #EECED4	RGB 238 206 212	#EECED4

#CDBDBB #D2BFBF #D8C2C3 #DDC5C7 #E3C8CB #E8CBCF #EECED4

#CDBDBB - #EECED4

HSV Blend

#CDBDBB - #EECED4 | 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 #CDBDBB as 0% and #EECED4 as 100%.

0.0%	0.0% #CDBDBB	RGB 205 189 187	#CDBDBB
16.7%	16.7% #D2BFBE	RGB 210 191 190	#D2BFBE
33.3%	33.3% #D8C1C1	RGB 216 193 193	#D8C1C1
50.0%	50.0% #DDC4C5	RGB 221 196 197	#DDC4C5
66.7%	66.7% #E3C8CA	RGB 227 200 202	#E3C8CA
83.3%	83.3% #E8CBCF	RGB 232 203 207	#E8CBCF
100.0%	100.0% #EECED4	RGB 238 206 212	#EECED4

#CDBDBB #D2BFBE #D8C1C1 #DDC4C5 #E3C8CA #E8CBCF #EECED4

#CDBDBB - #DDC4C5 - #EECED4

CSS codes

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

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