#D0CCA8 - #A99653 | 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 #D0CCA8 to #A99653

#D0CCA8 #A99653

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

#D0CCA8 - #A99653 | 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 #D0CCA8 as 0% and #A99653 as 100%.

0.0%	0.0% #D0CCA8	RGB 208 204 168	#D0CCA8
16.7%	16.7% #C9C399	RGB 201 195 153	#C9C399
33.3%	33.3% #C3BA8B	RGB 195 186 139	#C3BA8B
50.0%	50.0% #BCB17D	RGB 188 177 125	#BCB17D
66.7%	66.7% #B6A86F	RGB 182 168 111	#B6A86F
83.3%	83.3% #AF9F61	RGB 175 159 97	#AF9F61
100.0%	100.0% #A99653	RGB 169 150 83	#A99653

#D0CCA8 #C9C399 #C3BA8B #BCB17D #B6A86F #AF9F61 #A99653

#D0CCA8 - #A99653

HSV Blend

#D0CCA8 - #A99653 | 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 #D0CCA8 as 0% and #A99653 as 100%.

0.0%	0.0% #D0CCA8	RGB 208 204 168	#D0CCA8
16.7%	16.7% #C9C398	RGB 201 195 152	#C9C398
33.3%	33.3% #C3BA88	RGB 195 186 136	#C3BA88
50.0%	50.0% #BCB17A	RGB 188 177 122	#BCB17A
66.7%	66.7% #B6A86C	RGB 182 168 108	#B6A86C
83.3%	83.3% #AF9F5F	RGB 175 159 95	#AF9F5F
100.0%	100.0% #A99653	RGB 169 150 83	#A99653

#D0CCA8 #C9C398 #C3BA88 #BCB17A #B6A86C #AF9F5F #A99653

#D0CCA8 - #BCB17A - #A99653

CSS codes

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

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