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

#3C1925 #C7BDC0

Calculate the color between two colors, #3C1925 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)

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

0.0%	0.0% #3C1925	RGB 60 25 37	#3C1925
16.7%	16.7% #53343E	RGB 83 52 62	#53343E
33.3%	33.3% #6A4F58	RGB 106 79 88	#6A4F58
50.0%	50.0% #816B72	RGB 129 107 114	#816B72
66.7%	66.7% #98868C	RGB 152 134 140	#98868C
83.3%	83.3% #AFA1A6	RGB 175 161 166	#AFA1A6
100.0%	100.0% #C7BDC0	RGB 199 189 192	#C7BDC0

#3C1925 #53343E #6A4F58 #816B72 #98868C #AFA1A6 #C7BDC0

#3C1925 - #C7BDC0

HSV Blend

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

0.0%	0.0% #3C1925	RGB 60 25 37	#3C1925
16.7%	16.7% #532A37	RGB 83 42 55	#532A37
33.3%	33.3% #6A3F4D	RGB 106 63 77	#6A3F4D
50.0%	50.0% #815865	RGB 129 88 101	#815865
66.7%	66.7% #987580	RGB 152 117 128	#987580
83.3%	83.3% #AF979E	RGB 175 151 158	#AF979E
100.0%	100.0% #C7BDC0	RGB 199 189 192	#C7BDC0

#3C1925 #532A37 #6A3F4D #815865 #987580 #AF979E #C7BDC0

#3C1925 - #815865 - #C7BDC0

CSS codes

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

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