#D6D2B5 - #A8AA57 | 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 #D6D2B5 to #A8AA57

#D6D2B5 #A8AA57

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

#D6D2B5 - #A8AA57 | 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 #D6D2B5 as 0% and #A8AA57 as 100%.

0.0%	0.0% #D6D2B5	RGB 214 210 181	#D6D2B5
16.7%	16.7% #CECBA5	RGB 206 203 165	#CECBA5
33.3%	33.3% #C6C495	RGB 198 196 149	#C6C495
50.0%	50.0% #BFBE86	RGB 191 190 134	#BFBE86
66.7%	66.7% #B7B776	RGB 183 183 118	#B7B776
83.3%	83.3% #AFB066	RGB 175 176 102	#AFB066
100.0%	100.0% #A8AA57	RGB 168 170 87	#A8AA57

#D6D2B5 #CECBA5 #C6C495 #BFBE86 #B7B776 #AFB066 #A8AA57

#D6D2B5 - #A8AA57

HSV Blend

#D6D2B5 - #A8AA57 | 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 #D6D2B5 as 0% and #A8AA57 as 100%.

0.0%	0.0% #D6D2B5	RGB 214 210 181	#D6D2B5
16.7%	16.7% #CECAA3	RGB 206 202 163	#CECAA3
33.3%	33.3% #C7C392	RGB 199 195 146	#C7C392
50.0%	50.0% #C0BD82	RGB 192 189 130	#C0BD82
66.7%	66.7% #B8B673	RGB 184 182 115	#B8B673
83.3%	83.3% #B1B164	RGB 177 177 100	#B1B164
100.0%	100.0% #A8AA57	RGB 168 170 87	#A8AA57

#D6D2B5 #CECAA3 #C7C392 #C0BD82 #B8B673 #B1B164 #A8AA57

#D6D2B5 - #C0BD82 - #A8AA57

CSS codes

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

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