#C35DAB - #371A30 | 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 #C35DAB to #371A30

#C35DAB #371A30

Calculate the color between two colors, #C35DAB and #371A30. 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)

#C35DAB - #371A30 | 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 #C35DAB as 0% and #371A30 as 100%.

0.0%	0.0% #C35DAB	RGB 195 93 171	#C35DAB
16.7%	16.7% #AB5196	RGB 171 81 150	#AB5196
33.3%	33.3% #944682	RGB 148 70 130	#944682
50.0%	50.0% #7D3B6D	RGB 125 59 109	#7D3B6D
66.7%	66.7% #653059	RGB 101 48 89	#653059
83.3%	83.3% #4E2544	RGB 78 37 68	#4E2544
100.0%	100.0% #371A30	RGB 55 26 48	#371A30

#C35DAB #AB5196 #944682 #7D3B6D #653059 #4E2544 #371A30

#C35DAB - #371A30

HSV Blend

#C35DAB - #371A30 | 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 #C35DAB as 0% and #371A30 as 100%.

0.0%	0.0% #C35DAA	RGB 195 93 170	#C35DAA
16.7%	16.7% #AB5196	RGB 171 81 150	#AB5196
33.3%	33.3% #944681	RGB 148 70 129	#944681
50.0%	50.0% #7D3B6D	RGB 125 59 109	#7D3B6D
66.7%	66.7% #653058	RGB 101 48 88	#653058
83.3%	83.3% #4E2544	RGB 78 37 68	#4E2544
100.0%	100.0% #371A30	RGB 55 26 48	#371A30

#C35DAA #AB5196 #944681 #7D3B6D #653058 #4E2544 #371A30

#C35DAB - #7D3B6D - #371A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C35DAA 0%, #7D3B6D 50%, #371A30 100%);
    background: -webkit-linear-gradient(top, #C35DAA 0%, #7D3B6D 50%, #371A30 100%);
    background: linear-gradient(to bottom, #C35DAA 0%, #7D3B6D 50%, #371A30 100%);
}
</style>