#C34BA2 - #37152E | 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 #C34BA2 to #37152E

#C34BA2 #37152E

Calculate the color between two colors, #C34BA2 and #37152E. 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)

#C34BA2 - #37152E | 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 #C34BA2 as 0% and #37152E as 100%.

0.0%	0.0% #C34BA2	RGB 195 75 162	#C34BA2
16.7%	16.7% #AB428E	RGB 171 66 142	#AB428E
33.3%	33.3% #94397B	RGB 148 57 123	#94397B
50.0%	50.0% #7D3068	RGB 125 48 104	#7D3068
66.7%	66.7% #652754	RGB 101 39 84	#652754
83.3%	83.3% #4E1E41	RGB 78 30 65	#4E1E41
100.0%	100.0% #37152E	RGB 55 21 46	#37152E

#C34BA2 #AB428E #94397B #7D3068 #652754 #4E1E41 #37152E

#C34BA2 - #37152E

HSV Blend

#C34BA2 - #37152E | 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 #C34BA2 as 0% and #37152E as 100%.

0.0%	0.0% #C34BA2	RGB 195 75 162	#C34BA2
16.7%	16.7% #AB418E	RGB 171 65 142	#AB418E
33.3%	33.3% #94387B	RGB 148 56 123	#94387B
50.0%	50.0% #7D2F68	RGB 125 47 104	#7D2F68
66.7%	66.7% #652654	RGB 101 38 84	#652654
83.3%	83.3% #4E1D41	RGB 78 29 65	#4E1D41
100.0%	100.0% #37152E	RGB 55 21 46	#37152E

#C34BA2 #AB418E #94387B #7D2F68 #652654 #4E1D41 #37152E

#C34BA2 - #7D2F68 - #37152E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C34BA2 0%, #7D2F68 50%, #37152E 100%);
    background: -webkit-linear-gradient(top, #C34BA2 0%, #7D2F68 50%, #37152E 100%);
    background: linear-gradient(to bottom, #C34BA2 0%, #7D2F68 50%, #37152E 100%);
}
</style>