#CEDBBC - #DFDBDC | 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 #CEDBBC to #DFDBDC

#CEDBBC #DFDBDC

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

#CEDBBC - #DFDBDC | 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 #CEDBBC as 0% and #DFDBDC as 100%.

0.0%	0.0% #CEDBBC	RGB 206 219 188	#CEDBBC
16.7%	16.7% #D0DBC1	RGB 208 219 193	#D0DBC1
33.3%	33.3% #D3DBC6	RGB 211 219 198	#D3DBC6
50.0%	50.0% #D6DBCC	RGB 214 219 204	#D6DBCC
66.7%	66.7% #D9DBD1	RGB 217 219 209	#D9DBD1
83.3%	83.3% #DCDBD6	RGB 220 219 214	#DCDBD6
100.0%	100.0% #DFDBDC	RGB 223 219 220	#DFDBDC

#CEDBBC #D0DBC1 #D3DBC6 #D6DBCC #D9DBD1 #DCDBD6 #DFDBDC

#CEDBBC - #DFDBDC

HSV Blend

#CEDBBC - #DFDBDC | 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 #CEDBBC as 0% and #DFDBDC as 100%.

0.0%	0.0% #CEDBBC	RGB 206 219 188	#CEDBBC
16.7%	16.7% #D7DBC1	RGB 215 219 193	#D7DBC1
33.3%	33.3% #DCD9C6	RGB 220 217 198	#DCD9C6
50.0%	50.0% #DDD5CB	RGB 221 213 203	#DDD5CB
66.7%	66.7% #DDD4D0	RGB 221 212 208	#DDD4D0
83.3%	83.3% #DED6D5	RGB 222 214 213	#DED6D5
100.0%	100.0% #DFDBDC	RGB 223 219 220	#DFDBDC

#CEDBBC #D7DBC1 #DCD9C6 #DDD5CB #DDD4D0 #DED6D5 #DFDBDC

#CEDBBC - #DDD5CB - #DFDBDC

CSS codes

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

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