#DCDCD9 - #ABA38B | 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 #DCDCD9 to #ABA38B

#DCDCD9 #ABA38B

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

#DCDCD9 - #ABA38B | 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 #DCDCD9 as 0% and #ABA38B as 100%.

0.0%	0.0% #DCDCD9	RGB 220 220 217	#DCDCD9
16.7%	16.7% #D3D2CC	RGB 211 210 204	#D3D2CC
33.3%	33.3% #CBC9BF	RGB 203 201 191	#CBC9BF
50.0%	50.0% #C3BFB2	RGB 195 191 178	#C3BFB2
66.7%	66.7% #BBB6A5	RGB 187 182 165	#BBB6A5
83.3%	83.3% #B3AC98	RGB 179 172 152	#B3AC98
100.0%	100.0% #ABA38B	RGB 171 163 139	#ABA38B

#DCDCD9 #D3D2CC #CBC9BF #C3BFB2 #BBB6A5 #B3AC98 #ABA38B

#DCDCD9 - #ABA38B

HSV Blend

#DCDCD9 - #ABA38B | 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 #DCDCD9 as 0% and #ABA38B as 100%.

0.0%	0.0% #DCDCD9	RGB 220 220 217	#DCDCD9
16.7%	16.7% #D3D3CA	RGB 211 211 202	#D3D3CA
33.3%	33.3% #CBCABD	RGB 203 202 189	#CBCABD
50.0%	50.0% #C3C1AF	RGB 195 193 175	#C3C1AF
66.7%	66.7% #BBB7A3	RGB 187 183 163	#BBB7A3
83.3%	83.3% #B3AD96	RGB 179 173 150	#B3AD96
100.0%	100.0% #ABA38B	RGB 171 163 139	#ABA38B

#DCDCD9 #D3D3CA #CBCABD #C3C1AF #BBB7A3 #B3AD96 #ABA38B

#DCDCD9 - #C3C1AF - #ABA38B

CSS codes

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

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