#DCDCDC - #C79891 | 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 #DCDCDC to #C79891

#DCDCDC #C79891

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

#DCDCDC - #C79891 | 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 #DCDCDC as 0% and #C79891 as 100%.

0.0%	0.0% #DCDCDC	RGB 220 220 220	#DCDCDC
16.7%	16.7% #D8D0CF	RGB 216 208 207	#D8D0CF
33.3%	33.3% #D5C5C3	RGB 213 197 195	#D5C5C3
50.0%	50.0% #D1BAB6	RGB 209 186 182	#D1BAB6
66.7%	66.7% #CEAEAA	RGB 206 174 170	#CEAEAA
83.3%	83.3% #CAA39D	RGB 202 163 157	#CAA39D
100.0%	100.0% #C79891	RGB 199 152 145	#C79891

#DCDCDC #D8D0CF #D5C5C3 #D1BAB6 #CEAEAA #CAA39D #C79891

#DCDCDC - #C79891

HSV Blend

#DCDCDC - #C79891 | 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 #DCDCDC as 0% and #C79891 as 100%.

0.0%	0.0% #DCDCDC	RGB 220 220 220	#DCDCDC
16.7%	16.7% #D8CECE	RGB 216 206 206	#D8CECE
33.3%	33.3% #D5C2C1	RGB 213 194 193	#D5C2C1
50.0%	50.0% #D1B6B5	RGB 209 182 181	#D1B6B5
66.7%	66.7% #CEABA8	RGB 206 171 168	#CEABA8
83.3%	83.3% #CAA19C	RGB 202 161 156	#CAA19C
100.0%	100.0% #C79891	RGB 199 152 145	#C79891

#DCDCDC #D8CECE #D5C2C1 #D1B6B5 #CEABA8 #CAA19C #C79891

#DCDCDC - #D1B6B5 - #C79891

CSS codes

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

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