#5E2F5A - #34052A | 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 #5E2F5A to #34052A

#5E2F5A #34052A

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

#5E2F5A - #34052A | 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 #5E2F5A as 0% and #34052A as 100%.

0.0%	0.0% #5E2F5A	RGB 94 47 90	#5E2F5A
16.7%	16.7% #572852	RGB 87 40 82	#572852
33.3%	33.3% #50214A	RGB 80 33 74	#50214A
50.0%	50.0% #491A42	RGB 73 26 66	#491A42
66.7%	66.7% #42123A	RGB 66 18 58	#42123A
83.3%	83.3% #3B0C32	RGB 59 12 50	#3B0C32
100.0%	100.0% #34052A	RGB 52 5 42	#34052A

#5E2F5A #572852 #50214A #491A42 #42123A #3B0C32 #34052A

#5E2F5A - #34052A

HSV Blend

#5E2F5A - #34052A | 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 #5E2F5A as 0% and #34052A as 100%.

0.0%	0.0% #5E2F5A	RGB 94 47 90	#5E2F5A
16.7%	16.7% #572551	RGB 87 37 81	#572551
33.3%	33.3% #501D49	RGB 80 29 73	#501D49
50.0%	50.0% #491541	RGB 73 21 65	#491541
66.7%	66.7% #420F39	RGB 66 15 57	#420F39
83.3%	83.3% #3B0931	RGB 59 9 49	#3B0931
100.0%	100.0% #34052A	RGB 52 5 42	#34052A

#5E2F5A #572551 #501D49 #491541 #420F39 #3B0931 #34052A

#5E2F5A - #491541 - #34052A

CSS codes

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

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