#3E1856 - #C7BDCE | 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 #3E1856 to #C7BDCE

#3E1856 #C7BDCE

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

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

0.0%	0.0% #3E1856	RGB 62 24 86	#3E1856
16.7%	16.7% #54336A	RGB 84 51 106	#54336A
33.3%	33.3% #6B4F7E	RGB 107 79 126	#6B4F7E
50.0%	50.0% #826A92	RGB 130 106 146	#826A92
66.7%	66.7% #9986A6	RGB 153 134 166	#9986A6
83.3%	83.3% #B0A1BA	RGB 176 161 186	#B0A1BA
100.0%	100.0% #C7BDCE	RGB 199 189 206	#C7BDCE

#3E1856 #54336A #6B4F7E #826A92 #9986A6 #B0A1BA #C7BDCE

#3E1856 - #C7BDCE

HSV Blend

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

0.0%	0.0% #3D1856	RGB 61 24 86	#3D1856
16.7%	16.7% #50286A	RGB 80 40 106	#50286A
33.3%	33.3% #643D7E	RGB 100 61 126	#643D7E
50.0%	50.0% #7A5792	RGB 122 87 146	#7A5792
66.7%	66.7% #9274A6	RGB 146 116 166	#9274A6
83.3%	83.3% #AB96BA	RGB 171 150 186	#AB96BA
100.0%	100.0% #C7BDCE	RGB 199 189 206	#C7BDCE

#3D1856 #50286A #643D7E #7A5792 #9274A6 #AB96BA #C7BDCE

#3E1856 - #7A5792 - #C7BDCE

CSS codes

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

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