#DCE2D3 - #A1AF88 | 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 #DCE2D3 to #A1AF88

#DCE2D3 #A1AF88

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

#DCE2D3 - #A1AF88 | 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 #DCE2D3 as 0% and #A1AF88 as 100%.

0.0%	0.0% #DCE2D3	RGB 220 226 211	#DCE2D3
16.7%	16.7% #D2D9C6	RGB 210 217 198	#D2D9C6
33.3%	33.3% #C8D1BA	RGB 200 209 186	#C8D1BA
50.0%	50.0% #BEC8AD	RGB 190 200 173	#BEC8AD
66.7%	66.7% #B4C0A1	RGB 180 192 161	#B4C0A1
83.3%	83.3% #AAB794	RGB 170 183 148	#AAB794
100.0%	100.0% #A1AF88	RGB 161 175 136	#A1AF88

#DCE2D3 #D2D9C6 #C8D1BA #BEC8AD #B4C0A1 #AAB794 #A1AF88

#DCE2D3 - #A1AF88

HSV Blend

#DCE2D3 - #A1AF88 | 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 #DCE2D3 as 0% and #A1AF88 as 100%.

0.0%	0.0% #DCE2D3	RGB 220 226 211	#DCE2D3
16.7%	16.7% #D1D9C5	RGB 209 217 197	#D1D9C5
33.3%	33.3% #C7D1B8	RGB 199 209 184	#C7D1B8
50.0%	50.0% #BDC8AB	RGB 189 200 171	#BDC8AB
66.7%	66.7% #B3C09F	RGB 179 192 159	#B3C09F
83.3%	83.3% #AAB793	RGB 170 183 147	#AAB793
100.0%	100.0% #A1AF88	RGB 161 175 136	#A1AF88

#DCE2D3 #D1D9C5 #C7D1B8 #BDC8AB #B3C09F #AAB793 #A1AF88

#DCE2D3 - #BDC8AB - #A1AF88

CSS codes

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

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