#DAD9C4 - #AAAF6B | 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 #DAD9C4 to #AAAF6B

#DAD9C4 #AAAF6B

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

#DAD9C4 - #AAAF6B | 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 #DAD9C4 as 0% and #AAAF6B as 100%.

0.0%	0.0% #DAD9C4	RGB 218 217 196	#DAD9C4
16.7%	16.7% #D2D2B5	RGB 210 210 181	#D2D2B5
33.3%	33.3% #CACBA6	RGB 202 203 166	#CACBA6
50.0%	50.0% #C2C497	RGB 194 196 151	#C2C497
66.7%	66.7% #BABD88	RGB 186 189 136	#BABD88
83.3%	83.3% #B2B679	RGB 178 182 121	#B2B679
100.0%	100.0% #AAAF6B	RGB 170 175 107	#AAAF6B

#DAD9C4 #D2D2B5 #CACBA6 #C2C497 #BABD88 #B2B679 #AAAF6B

#DAD9C4 - #AAAF6B

HSV Blend

#DAD9C4 - #AAAF6B | 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 #DAD9C4 as 0% and #AAAF6B as 100%.

0.0%	0.0% #DAD9C4	RGB 218 217 196	#DAD9C4
16.7%	16.7% #D2D2B3	RGB 210 210 179	#D2D2B3
33.3%	33.3% #CBCBA3	RGB 203 203 163	#CBCBA3
50.0%	50.0% #C3C494	RGB 195 196 148	#C3C494
66.7%	66.7% #BBBD85	RGB 187 189 133	#BBBD85
83.3%	83.3% #B2B678	RGB 178 182 120	#B2B678
100.0%	100.0% #AAAF6B	RGB 170 175 107	#AAAF6B

#DAD9C4 #D2D2B3 #CBCBA3 #C3C494 #BBBD85 #B2B678 #AAAF6B

#DAD9C4 - #C3C494 - #AAAF6B

CSS codes

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

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