#DADCB9 - #A7AF5E | 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 #DADCB9 to #A7AF5E

#DADCB9 #A7AF5E

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

#DADCB9 - #A7AF5E | 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 #DADCB9 as 0% and #A7AF5E as 100%.

0.0%	0.0% #DADCB9	RGB 218 220 185	#DADCB9
16.7%	16.7% #D1D4A9	RGB 209 212 169	#D1D4A9
33.3%	33.3% #C9CD9A	RGB 201 205 154	#C9CD9A
50.0%	50.0% #C0C58B	RGB 192 197 139	#C0C58B
66.7%	66.7% #B8BE7C	RGB 184 190 124	#B8BE7C
83.3%	83.3% #AFB66D	RGB 175 182 109	#AFB66D
100.0%	100.0% #A7AF5E	RGB 167 175 94	#A7AF5E

#DADCB9 #D1D4A9 #C9CD9A #C0C58B #B8BE7C #AFB66D #A7AF5E

#DADCB9 - #A7AF5E

HSV Blend

#DADCB9 - #A7AF5E | 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 #DADCB9 as 0% and #A7AF5E as 100%.

0.0%	0.0% #DADCB9	RGB 218 220 185	#DADCB9
16.7%	16.7% #D1D4A7	RGB 209 212 167	#D1D4A7
33.3%	33.3% #C9CD97	RGB 201 205 151	#C9CD97
50.0%	50.0% #C0C588	RGB 192 197 136	#C0C588
66.7%	66.7% #B8BE79	RGB 184 190 121	#B8BE79
83.3%	83.3% #AFB66B	RGB 175 182 107	#AFB66B
100.0%	100.0% #A7AF5E	RGB 167 175 94	#A7AF5E

#DADCB9 #D1D4A7 #C9CD97 #C0C588 #B8BE79 #AFB66B #A7AF5E

#DADCB9 - #C0C588 - #A7AF5E

CSS codes

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

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