#3E1226 - #C7BBC0 | 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 #3E1226 to #C7BBC0

#3E1226 #C7BBC0

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

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

0.0%	0.0% #3E1226	RGB 62 18 38	#3E1226
16.7%	16.7% #542E3F	RGB 84 46 63	#542E3F
33.3%	33.3% #6B4A59	RGB 107 74 89	#6B4A59
50.0%	50.0% #826673	RGB 130 102 115	#826673
66.7%	66.7% #99828C	RGB 153 130 140	#99828C
83.3%	83.3% #B09EA6	RGB 176 158 166	#B09EA6
100.0%	100.0% #C7BBC0	RGB 199 187 192	#C7BBC0

#3E1226 #542E3F #6B4A59 #826673 #99828C #B09EA6 #C7BBC0

#3E1226 - #C7BBC0

HSV Blend

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

0.0%	0.0% #3E1226	RGB 62 18 38	#3E1226
16.7%	16.7% #542138	RGB 84 33 56	#542138
33.3%	33.3% #6B364E	RGB 107 54 78	#6B364E
50.0%	50.0% #825066	RGB 130 80 102	#825066
66.7%	66.7% #996E81	RGB 153 110 129	#996E81
83.3%	83.3% #B0929F	RGB 176 146 159	#B0929F
100.0%	100.0% #C7BBC0	RGB 199 187 192	#C7BBC0

#3E1226 #542138 #6B364E #825066 #996E81 #B0929F #C7BBC0

#3E1226 - #825066 - #C7BBC0

CSS codes

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

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