#DBD1D4 - #3E3B3C | 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 #DBD1D4 to #3E3B3C

#DBD1D4 #3E3B3C

Calculate the color between two colors, #DBD1D4 and #3E3B3C. 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)

#DBD1D4 - #3E3B3C | 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 #DBD1D4 as 0% and #3E3B3C as 100%.

0.0%	0.0% #DBD1D4	RGB 219 209 212	#DBD1D4
16.7%	16.7% #C0B8BA	RGB 192 184 186	#C0B8BA
33.3%	33.3% #A69FA1	RGB 166 159 161	#A69FA1
50.0%	50.0% #8C8688	RGB 140 134 136	#8C8688
66.7%	66.7% #726D6E	RGB 114 109 110	#726D6E
83.3%	83.3% #585455	RGB 88 84 85	#585455
100.0%	100.0% #3E3B3C	RGB 62 59 60	#3E3B3C

#DBD1D4 #C0B8BA #A69FA1 #8C8688 #726D6E #585455 #3E3B3C

#DBD1D4 - #3E3B3C

HSV Blend

#DBD1D4 - #3E3B3C | 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 #DBD1D4 as 0% and #3E3B3C as 100%.

0.0%	0.0% #DBD1D4	RGB 219 209 212	#DBD1D4
16.7%	16.7% #C0B7BA	RGB 192 183 186	#C0B7BA
33.3%	33.3% #A69EA1	RGB 166 158 161	#A69EA1
50.0%	50.0% #8C8587	RGB 140 133 135	#8C8587
66.7%	66.7% #726C6E	RGB 114 108 110	#726C6E
83.3%	83.3% #585355	RGB 88 83 85	#585355
100.0%	100.0% #3E3B3C	RGB 62 59 60	#3E3B3C

#DBD1D4 #C0B7BA #A69EA1 #8C8587 #726C6E #585355 #3E3B3C

#DBD1D4 - #8C8587 - #3E3B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBD1D4 0%, #8C8587 50%, #3E3B3C 100%);
    background: -webkit-linear-gradient(top, #DBD1D4 0%, #8C8587 50%, #3E3B3C 100%);
    background: linear-gradient(to bottom, #DBD1D4 0%, #8C8587 50%, #3E3B3C 100%);
}
</style>