#3E1E3C - #C7BEC7 | 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 #3E1E3C to #C7BEC7

#3E1E3C #C7BEC7

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

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

0.0%	0.0% #3E1E3C	RGB 62 30 60	#3E1E3C
16.7%	16.7% #543853	RGB 84 56 83	#543853
33.3%	33.3% #6B536A	RGB 107 83 106	#6B536A
50.0%	50.0% #826E81	RGB 130 110 129	#826E81
66.7%	66.7% #998898	RGB 153 136 152	#998898
83.3%	83.3% #B0A3AF	RGB 176 163 175	#B0A3AF
100.0%	100.0% #C7BEC7	RGB 199 190 199	#C7BEC7

#3E1E3C #543853 #6B536A #826E81 #998898 #B0A3AF #C7BEC7

#3E1E3C - #C7BEC7

HSV Blend

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

0.0%	0.0% #3E1E3C	RGB 62 30 60	#3E1E3C
16.7%	16.7% #542F52	RGB 84 47 82	#542F52
33.3%	33.3% #6B446A	RGB 107 68 106	#6B446A
50.0%	50.0% #825D81	RGB 130 93 129	#825D81
66.7%	66.7% #997A98	RGB 153 122 152	#997A98
83.3%	83.3% #B09AAF	RGB 176 154 175	#B09AAF
100.0%	100.0% #C7BEC7	RGB 199 190 199	#C7BEC7

#3E1E3C #542F52 #6B446A #825D81 #997A98 #B09AAF #C7BEC7

#3E1E3C - #825D81 - #C7BEC7

CSS codes

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

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