#EFF5E7 - #C2BD8B | 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 #EFF5E7 to #C2BD8B

#EFF5E7 #C2BD8B

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

#EFF5E7 - #C2BD8B | 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 #EFF5E7 as 0% and #C2BD8B as 100%.

0.0%	0.0% #EFF5E7	RGB 239 245 231	#EFF5E7
16.7%	16.7% #E7EBD7	RGB 231 235 215	#E7EBD7
33.3%	33.3% #E0E2C8	RGB 224 226 200	#E0E2C8
50.0%	50.0% #D8D9B9	RGB 216 217 185	#D8D9B9
66.7%	66.7% #D1CFA9	RGB 209 207 169	#D1CFA9
83.3%	83.3% #C9C69A	RGB 201 198 154	#C9C69A
100.0%	100.0% #C2BD8B	RGB 194 189 139	#C2BD8B

#EFF5E7 #E7EBD7 #E0E2C8 #D8D9B9 #D1CFA9 #C9C69A #C2BD8B

#EFF5E7 - #C2BD8B

HSV Blend

#EFF5E7 - #C2BD8B | 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 #EFF5E7 as 0% and #C2BD8B as 100%.

0.0%	0.0% #EFF5E7	RGB 239 245 231	#EFF5E7
16.7%	16.7% #E4ECD6	RGB 228 236 214	#E4ECD6
33.3%	33.3% #DCE4C5	RGB 220 228 197	#DCE4C5
50.0%	50.0% #D5DBB6	RGB 213 219 182	#D5DBB6
66.7%	66.7% #CFD3A7	RGB 207 211 167	#CFD3A7
83.3%	83.3% #CACA98	RGB 202 202 152	#CACA98
100.0%	100.0% #C2BD8B	RGB 194 189 139	#C2BD8B

#EFF5E7 #E4ECD6 #DCE4C5 #D5DBB6 #CFD3A7 #CACA98 #C2BD8B

#EFF5E7 - #D5DBB6 - #C2BD8B

CSS codes

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

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