#3E1936 - #C7BDC5 | 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 #3E1936 to #C7BDC5

#3E1936 #C7BDC5

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

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

0.0%	0.0% #3E1936	RGB 62 25 54	#3E1936
16.7%	16.7% #54344D	RGB 84 52 77	#54344D
33.3%	33.3% #6B4F65	RGB 107 79 101	#6B4F65
50.0%	50.0% #826B7D	RGB 130 107 125	#826B7D
66.7%	66.7% #998695	RGB 153 134 149	#998695
83.3%	83.3% #B0A1AD	RGB 176 161 173	#B0A1AD
100.0%	100.0% #C7BDC5	RGB 199 189 197	#C7BDC5

#3E1936 #54344D #6B4F65 #826B7D #998695 #B0A1AD #C7BDC5

#3E1936 - #C7BDC5

HSV Blend

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

0.0%	0.0% #3E1936	RGB 62 25 54	#3E1936
16.7%	16.7% #54294B	RGB 84 41 75	#54294B
33.3%	33.3% #6B3F62	RGB 107 63 98	#6B3F62
50.0%	50.0% #825879	RGB 130 88 121	#825879
66.7%	66.7% #997592	RGB 153 117 146	#997592
83.3%	83.3% #B097AB	RGB 176 151 171	#B097AB
100.0%	100.0% #C7BDC5	RGB 199 189 197	#C7BDC5

#3E1936 #54294B #6B3F62 #825879 #997592 #B097AB #C7BDC5

#3E1936 - #825879 - #C7BDC5

CSS codes

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

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