#DBDCB9 - #A8AF5E | 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 #DBDCB9 to #A8AF5E

#DBDCB9 #A8AF5E

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

#DBDCB9 - #A8AF5E | 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 #DBDCB9 as 0% and #A8AF5E as 100%.

0.0%	0.0% #DBDCB9	RGB 219 220 185	#DBDCB9
16.7%	16.7% #D2D4A9	RGB 210 212 169	#D2D4A9
33.3%	33.3% #CACD9A	RGB 202 205 154	#CACD9A
50.0%	50.0% #C1C58B	RGB 193 197 139	#C1C58B
66.7%	66.7% #B9BE7C	RGB 185 190 124	#B9BE7C
83.3%	83.3% #B0B66D	RGB 176 182 109	#B0B66D
100.0%	100.0% #A8AF5E	RGB 168 175 94	#A8AF5E

#DBDCB9 #D2D4A9 #CACD9A #C1C58B #B9BE7C #B0B66D #A8AF5E

#DBDCB9 - #A8AF5E

HSV Blend

#DBDCB9 - #A8AF5E | 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 #DBDCB9 as 0% and #A8AF5E as 100%.

0.0%	0.0% #DBDCB9	RGB 219 220 185	#DBDCB9
16.7%	16.7% #D2D4A7	RGB 210 212 167	#D2D4A7
33.3%	33.3% #CACD97	RGB 202 205 151	#CACD97
50.0%	50.0% #C1C588	RGB 193 197 136	#C1C588
66.7%	66.7% #B9BE79	RGB 185 190 121	#B9BE79
83.3%	83.3% #B0B66B	RGB 176 182 107	#B0B66B
100.0%	100.0% #A8AF5E	RGB 168 175 94	#A8AF5E

#DBDCB9 #D2D4A7 #CACD97 #C1C588 #B9BE79 #B0B66B #A8AF5E

#DBDCB9 - #C1C588 - #A8AF5E

CSS codes

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

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