#DCDBCC - #A8AB62 | 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 #DCDBCC to #A8AB62

#DCDBCC #A8AB62

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

#DCDBCC - #A8AB62 | 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 #DCDBCC as 0% and #A8AB62 as 100%.

0.0%	0.0% #DCDBCC	RGB 220 219 204	#DCDBCC
16.7%	16.7% #D3D3BA	RGB 211 211 186	#D3D3BA
33.3%	33.3% #CACBA8	RGB 202 203 168	#CACBA8
50.0%	50.0% #C2C397	RGB 194 195 151	#C2C397
66.7%	66.7% #B9BB85	RGB 185 187 133	#B9BB85
83.3%	83.3% #B0B373	RGB 176 179 115	#B0B373
100.0%	100.0% #A8AB62	RGB 168 171 98	#A8AB62

#DCDBCC #D3D3BA #CACBA8 #C2C397 #B9BB85 #B0B373 #A8AB62

#DCDBCC - #A8AB62

HSV Blend

#DCDBCC - #A8AB62 | 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 #DCDBCC as 0% and #A8AB62 as 100%.

0.0%	0.0% #DCDBCC	RGB 220 219 204	#DCDBCC
16.7%	16.7% #D3D2B7	RGB 211 210 183	#D3D2B7
33.3%	33.3% #CBCAA4	RGB 203 202 164	#CBCAA4
50.0%	50.0% #C3C292	RGB 195 194 146	#C3C292
66.7%	66.7% #BABB81	RGB 186 187 129	#BABB81
83.3%	83.3% #B1B371	RGB 177 179 113	#B1B371
100.0%	100.0% #A8AB62	RGB 168 171 98	#A8AB62

#DCDBCC #D3D2B7 #CBCAA4 #C3C292 #BABB81 #B1B371 #A8AB62

#DCDBCC - #C3C292 - #A8AB62

CSS codes

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

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