#3E1825 - #C7BDC0 | 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 #3E1825 to #C7BDC0

#3E1825 #C7BDC0

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

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

0.0%	0.0% #3E1825	RGB 62 24 37	#3E1825
16.7%	16.7% #54333E	RGB 84 51 62	#54333E
33.3%	33.3% #6B4F58	RGB 107 79 88	#6B4F58
50.0%	50.0% #826A72	RGB 130 106 114	#826A72
66.7%	66.7% #99868C	RGB 153 134 140	#99868C
83.3%	83.3% #B0A1A6	RGB 176 161 166	#B0A1A6
100.0%	100.0% #C7BDC0	RGB 199 189 192	#C7BDC0

#3E1825 #54333E #6B4F58 #826A72 #99868C #B0A1A6 #C7BDC0

#3E1825 - #C7BDC0

HSV Blend

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

0.0%	0.0% #3E1825	RGB 62 24 37	#3E1825
16.7%	16.7% #542837	RGB 84 40 55	#542837
33.3%	33.3% #6B3D4C	RGB 107 61 76	#6B3D4C
50.0%	50.0% #825765	RGB 130 87 101	#825765
66.7%	66.7% #997480	RGB 153 116 128	#997480
83.3%	83.3% #B0969E	RGB 176 150 158	#B0969E
100.0%	100.0% #C7BDC0	RGB 199 189 192	#C7BDC0

#3E1825 #542837 #6B3D4C #825765 #997480 #B0969E #C7BDC0

#3E1825 - #825765 - #C7BDC0

CSS codes

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

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