#DBD9D9 - #C6A58C | 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 #DBD9D9 to #C6A58C

#DBD9D9 #C6A58C

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

#DBD9D9 - #C6A58C | 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 #DBD9D9 as 0% and #C6A58C as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D7D0CC	RGB 215 208 204	#D7D0CC
33.3%	33.3% #D4C7BF	RGB 212 199 191	#D4C7BF
50.0%	50.0% #D0BFB2	RGB 208 191 178	#D0BFB2
66.7%	66.7% #CDB6A5	RGB 205 182 165	#CDB6A5
83.3%	83.3% #C9AD98	RGB 201 173 152	#C9AD98
100.0%	100.0% #C6A58C	RGB 198 165 140	#C6A58C

#DBD9D9 #D7D0CC #D4C7BF #D0BFB2 #CDB6A5 #C9AD98 #C6A58C

#DBD9D9 - #C6A58C

HSV Blend

#DBD9D9 - #C6A58C | 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 #DBD9D9 as 0% and #C6A58C as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D7CCCB	RGB 215 204 203	#D7CCCB
33.3%	33.3% #D4C1BE	RGB 212 193 190	#D4C1BE
50.0%	50.0% #D0B7B1	RGB 208 183 177	#D0B7B1
66.7%	66.7% #CDB0A4	RGB 205 176 164	#CDB0A4
83.3%	83.3% #C9A998	RGB 201 169 152	#C9A998
100.0%	100.0% #C6A58C	RGB 198 165 140	#C6A58C

#DBD9D9 #D7CCCB #D4C1BE #D0B7B1 #CDB0A4 #C9A998 #C6A58C

#DBD9D9 - #D0B7B1 - #C6A58C

CSS codes

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

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