#5E0E5E - #C3466D | 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 #5E0E5E to #C3466D

#5E0E5E #C3466D

Calculate the color between two colors, #5E0E5E and #C3466D. 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)

#5E0E5E - #C3466D | 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 #5E0E5E as 0% and #C3466D as 100%.

0.0%	0.0% #5E0E5E	RGB 94 14 94	#5E0E5E
16.7%	16.7% #6E1760	RGB 110 23 96	#6E1760
33.3%	33.3% #7F2063	RGB 127 32 99	#7F2063
50.0%	50.0% #902A65	RGB 144 42 101	#902A65
66.7%	66.7% #A13368	RGB 161 51 104	#A13368
83.3%	83.3% #B23C6A	RGB 178 60 106	#B23C6A
100.0%	100.0% #C3466D	RGB 195 70 109	#C3466D

#5E0E5E #6E1760 #7F2063 #902A65 #A13368 #B23C6A #C3466D

#5E0E5E - #C3466D

HSV Blend

#5E0E5E - #C3466D | 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 #5E0E5E as 0% and #C3466D as 100%.

0.0%	0.0% #5D0D5E	RGB 93 13 94	#5D0D5E
16.7%	16.7% #6E1464	RGB 110 20 100	#6E1464
33.3%	33.3% #7F1B68	RGB 127 27 104	#7F1B68
50.0%	50.0% #90246B	RGB 144 36 107	#90246B
66.7%	66.7% #A12E6C	RGB 161 46 108	#A12E6C
83.3%	83.3% #B2396D	RGB 178 57 109	#B2396D
100.0%	100.0% #C3466D	RGB 195 70 109	#C3466D

#5D0D5E #6E1464 #7F1B68 #90246B #A12E6C #B2396D #C3466D

#5E0E5E - #90246B - #C3466D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
    background: -webkit-linear-gradient(top, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
    background: linear-gradient(to bottom, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
}
</style>