#EEF5E7 - #C2BC8B | 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 #EEF5E7 to #C2BC8B

#EEF5E7 #C2BC8B

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

#EEF5E7 - #C2BC8B | 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 #EEF5E7 as 0% and #C2BC8B as 100%.

0.0%	0.0% #EEF5E7	RGB 238 245 231	#EEF5E7
16.7%	16.7% #E6EBD7	RGB 230 235 215	#E6EBD7
33.3%	33.3% #DFE2C8	RGB 223 226 200	#DFE2C8
50.0%	50.0% #D8D8B9	RGB 216 216 185	#D8D8B9
66.7%	66.7% #D0CFA9	RGB 208 207 169	#D0CFA9
83.3%	83.3% #C9C59A	RGB 201 197 154	#C9C59A
100.0%	100.0% #C2BC8B	RGB 194 188 139	#C2BC8B

#EEF5E7 #E6EBD7 #DFE2C8 #D8D8B9 #D0CFA9 #C9C59A #C2BC8B

#EEF5E7 - #C2BC8B

HSV Blend

#EEF5E7 - #C2BC8B | 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 #EEF5E7 as 0% and #C2BC8B as 100%.

0.0%	0.0% #EEF5E7	RGB 238 245 231	#EEF5E7
16.7%	16.7% #E3ECD6	RGB 227 236 214	#E3ECD6
33.3%	33.3% #DBE4C5	RGB 219 228 197	#DBE4C5
50.0%	50.0% #D4DBB6	RGB 212 219 182	#D4DBB6
66.7%	66.7% #CED3A7	RGB 206 211 167	#CED3A7
83.3%	83.3% #CACA98	RGB 202 202 152	#CACA98
100.0%	100.0% #C2BC8B	RGB 194 188 139	#C2BC8B

#EEF5E7 #E3ECD6 #DBE4C5 #D4DBB6 #CED3A7 #CACA98 #C2BC8B

#EEF5E7 - #D4DBB6 - #C2BC8B

CSS codes

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

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