#5E2D5C - #430214 | 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 #5E2D5C to #430214

#5E2D5C #430214

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

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

0.0%	0.0% #5E2D5C	RGB 94 45 92	#5E2D5C
16.7%	16.7% #592550	RGB 89 37 80	#592550
33.3%	33.3% #551E44	RGB 85 30 68	#551E44
50.0%	50.0% #501738	RGB 80 23 56	#501738
66.7%	66.7% #4C102C	RGB 76 16 44	#4C102C
83.3%	83.3% #470920	RGB 71 9 32	#470920
100.0%	100.0% #430214	RGB 67 2 20	#430214

#5E2D5C #592550 #551E44 #501738 #4C102C #470920 #430214

#5E2D5C - #430214

HSV Blend

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

0.0%	0.0% #5E2D5C	RGB 94 45 92	#5E2D5C
16.7%	16.7% #592451	RGB 89 36 81	#592451
33.3%	33.3% #551B45	RGB 85 27 69	#551B45
50.0%	50.0% #501439	RGB 80 20 57	#501439
66.7%	66.7% #4C0D2D	RGB 76 13 45	#4C0D2D
83.3%	83.3% #470720	RGB 71 7 32	#470720
100.0%	100.0% #430214	RGB 67 2 20	#430214

#5E2D5C #592451 #551B45 #501439 #4C0D2D #470720 #430214

#5E2D5C - #501439 - #430214

CSS codes

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

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