#DBD6D1 - #3E3D3B | 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 #DBD6D1 to #3E3D3B

#DBD6D1 #3E3D3B

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

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

0.0%	0.0% #DBD6D1	RGB 219 214 209	#DBD6D1
16.7%	16.7% #C0BCB8	RGB 192 188 184	#C0BCB8
33.3%	33.3% #A6A39F	RGB 166 163 159	#A6A39F
50.0%	50.0% #8C8986	RGB 140 137 134	#8C8986
66.7%	66.7% #72706D	RGB 114 112 109	#72706D
83.3%	83.3% #585654	RGB 88 86 84	#585654
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DBD6D1 #C0BCB8 #A6A39F #8C8986 #72706D #585654 #3E3D3B

#DBD6D1 - #3E3D3B

HSV Blend

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

0.0%	0.0% #DBD6D1	RGB 219 214 209	#DBD6D1
16.7%	16.7% #C0BCB7	RGB 192 188 183	#C0BCB7
33.3%	33.3% #A6A39E	RGB 166 163 158	#A6A39E
50.0%	50.0% #8C8985	RGB 140 137 133	#8C8985
66.7%	66.7% #72706C	RGB 114 112 108	#72706C
83.3%	83.3% #585653	RGB 88 86 83	#585653
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DBD6D1 #C0BCB7 #A6A39E #8C8985 #72706C #585653 #3E3D3B

#DBD6D1 - #8C8985 - #3E3D3B

CSS codes

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

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