#DFDEC3 - #B9AE70 | 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 #DFDEC3 to #B9AE70

#DFDEC3 #B9AE70

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

#DFDEC3 - #B9AE70 | 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 #DFDEC3 as 0% and #B9AE70 as 100%.

0.0%	0.0% #DFDEC3	RGB 223 222 195	#DFDEC3
16.7%	16.7% #D8D6B5	RGB 216 214 181	#D8D6B5
33.3%	33.3% #D2CEA7	RGB 210 206 167	#D2CEA7
50.0%	50.0% #CCC699	RGB 204 198 153	#CCC699
66.7%	66.7% #C5BE8B	RGB 197 190 139	#C5BE8B
83.3%	83.3% #BFB67D	RGB 191 182 125	#BFB67D
100.0%	100.0% #B9AE70	RGB 185 174 112	#B9AE70

#DFDEC3 #D8D6B5 #D2CEA7 #CCC699 #C5BE8B #BFB67D #B9AE70

#DFDEC3 - #B9AE70

HSV Blend

#DFDEC3 - #B9AE70 | 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 #DFDEC3 as 0% and #B9AE70 as 100%.

0.0%	0.0% #DFDEC3	RGB 223 222 195	#DFDEC3
16.7%	16.7% #D8D6B3	RGB 216 214 179	#D8D6B3
33.3%	33.3% #D2CEA5	RGB 210 206 165	#D2CEA5
50.0%	50.0% #CCC796	RGB 204 199 150	#CCC796
66.7%	66.7% #C5BE89	RGB 197 190 137	#C5BE89
83.3%	83.3% #BFB67C	RGB 191 182 124	#BFB67C
100.0%	100.0% #B9AE70	RGB 185 174 112	#B9AE70

#DFDEC3 #D8D6B3 #D2CEA5 #CCC796 #C5BE89 #BFB67C #B9AE70

#DFDEC3 - #CCC796 - #B9AE70

CSS codes

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

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