#DFE5CF - #A0BB7E | 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 #DFE5CF to #A0BB7E

#DFE5CF #A0BB7E

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

#DFE5CF - #A0BB7E | 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 #DFE5CF as 0% and #A0BB7E as 100%.

0.0%	0.0% #DFE5CF	RGB 223 229 207	#DFE5CF
16.7%	16.7% #D4DEC1	RGB 212 222 193	#D4DEC1
33.3%	33.3% #CAD7B4	RGB 202 215 180	#CAD7B4
50.0%	50.0% #BFD0A6	RGB 191 208 166	#BFD0A6
66.7%	66.7% #B5C999	RGB 181 201 153	#B5C999
83.3%	83.3% #AAC28B	RGB 170 194 139	#AAC28B
100.0%	100.0% #A0BB7E	RGB 160 187 126	#A0BB7E

#DFE5CF #D4DEC1 #CAD7B4 #BFD0A6 #B5C999 #AAC28B #A0BB7E

#DFE5CF - #A0BB7E

HSV Blend

#DFE5CF - #A0BB7E | 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 #DFE5CF as 0% and #A0BB7E as 100%.

0.0%	0.0% #DFE5CF	RGB 223 229 207	#DFE5CF
16.7%	16.7% #D5DEC0	RGB 213 222 192	#D5DEC0
33.3%	33.3% #CAD7B1	RGB 202 215 177	#CAD7B1
50.0%	50.0% #C0D0A4	RGB 192 208 164	#C0D0A4
66.7%	66.7% #B5C996	RGB 181 201 150	#B5C996
83.3%	83.3% #AAC28A	RGB 170 194 138	#AAC28A
100.0%	100.0% #A0BB7E	RGB 160 187 126	#A0BB7E

#DFE5CF #D5DEC0 #CAD7B1 #C0D0A4 #B5C996 #AAC28A #A0BB7E

#DFE5CF - #C0D0A4 - #A0BB7E

CSS codes

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

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