#DEE4C0 - #A2B96C | 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 #DEE4C0 to #A2B96C

#DEE4C0 #A2B96C

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

#DEE4C0 - #A2B96C | 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 #DEE4C0 as 0% and #A2B96C as 100%.

0.0%	0.0% #DEE4C0	RGB 222 228 192	#DEE4C0
16.7%	16.7% #D4DCB2	RGB 212 220 178	#D4DCB2
33.3%	33.3% #CAD5A4	RGB 202 213 164	#CAD5A4
50.0%	50.0% #C0CE96	RGB 192 206 150	#C0CE96
66.7%	66.7% #B6C788	RGB 182 199 136	#B6C788
83.3%	83.3% #ACC07A	RGB 172 192 122	#ACC07A
100.0%	100.0% #A2B96C	RGB 162 185 108	#A2B96C

#DEE4C0 #D4DCB2 #CAD5A4 #C0CE96 #B6C788 #ACC07A #A2B96C

#DEE4C0 - #A2B96C

HSV Blend

#DEE4C0 - #A2B96C | 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 #DEE4C0 as 0% and #A2B96C as 100%.

0.0%	0.0% #DEE4C0	RGB 222 228 192	#DEE4C0
16.7%	16.7% #D4DCB0	RGB 212 220 176	#D4DCB0
33.3%	33.3% #CAD5A1	RGB 202 213 161	#CAD5A1
50.0%	50.0% #C0CE93	RGB 192 206 147	#C0CE93
66.7%	66.7% #B6C785	RGB 182 199 133	#B6C785
83.3%	83.3% #ACC078	RGB 172 192 120	#ACC078
100.0%	100.0% #A2B96C	RGB 162 185 108	#A2B96C

#DEE4C0 #D4DCB0 #CAD5A1 #C0CE93 #B6C785 #ACC078 #A2B96C

#DEE4C0 - #C0CE93 - #A2B96C

CSS codes

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

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