#CBD8C2 - #EEEFD0 | 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 #CBD8C2 to #EEEFD0

#CBD8C2 #EEEFD0

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

#CBD8C2 - #EEEFD0 | 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 #CBD8C2 as 0% and #EEEFD0 as 100%.

0.0%	0.0% #CBD8C2	RGB 203 216 194	#CBD8C2
16.7%	16.7% #D0DBC4	RGB 208 219 196	#D0DBC4
33.3%	33.3% #D6DFC6	RGB 214 223 198	#D6DFC6
50.0%	50.0% #DCE3C9	RGB 220 227 201	#DCE3C9
66.7%	66.7% #E2E7CB	RGB 226 231 203	#E2E7CB
83.3%	83.3% #E8EBCD	RGB 232 235 205	#E8EBCD
100.0%	100.0% #EEEFD0	RGB 238 239 208	#EEEFD0

#CBD8C2 #D0DBC4 #D6DFC6 #DCE3C9 #E2E7CB #E8EBCD #EEEFD0

#CBD8C2 - #EEEFD0

HSV Blend

#CBD8C2 - #EEEFD0 | 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 #CBD8C2 as 0% and #EEEFD0 as 100%.

0.0%	0.0% #CBD8C2	RGB 203 216 194	#CBD8C2
16.7%	16.7% #D0DBC4	RGB 208 219 196	#D0DBC4
33.3%	33.3% #D5DFC6	RGB 213 223 198	#D5DFC6
50.0%	50.0% #DBE3C9	RGB 219 227 201	#DBE3C9
66.7%	66.7% #E1E7CB	RGB 225 231 203	#E1E7CB
83.3%	83.3% #E7EBCD	RGB 231 235 205	#E7EBCD
100.0%	100.0% #EEEFD0	RGB 238 239 208	#EEEFD0

#CBD8C2 #D0DBC4 #D5DFC6 #DBE3C9 #E1E7CB #E7EBCD #EEEFD0

#CBD8C2 - #DBE3C9 - #EEEFD0

CSS codes

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

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