#5E5481 - #2F122D | 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 #5E5481 to #2F122D

#5E5481 #2F122D

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

#5E5481 - #2F122D | 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 #5E5481 as 0% and #2F122D as 100%.

0.0%	0.0% #5E5481	RGB 94 84 129	#5E5481
16.7%	16.7% #564973	RGB 86 73 115	#564973
33.3%	33.3% #4E3E65	RGB 78 62 101	#4E3E65
50.0%	50.0% #463357	RGB 70 51 87	#463357
66.7%	66.7% #3E2849	RGB 62 40 73	#3E2849
83.3%	83.3% #361D3B	RGB 54 29 59	#361D3B
100.0%	100.0% #2F122D	RGB 47 18 45	#2F122D

#5E5481 #564973 #4E3E65 #463357 #3E2849 #361D3B #2F122D

#5E5481 - #2F122D

HSV Blend

#5E5481 - #2F122D | 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 #5E5481 as 0% and #2F122D as 100%.

0.0%	0.0% #5E5481	RGB 94 84 129	#5E5481
16.7%	16.7% #564573	RGB 86 69 115	#564573
33.3%	33.3% #4F3965	RGB 79 57 101	#4F3965
50.0%	50.0% #482D58	RGB 72 45 88	#482D58
66.7%	66.7% #41234A	RGB 65 35 74	#41234A
83.3%	83.3% #3A193C	RGB 58 25 60	#3A193C
100.0%	100.0% #2F122D	RGB 47 18 45	#2F122D

#5E5481 #564573 #4F3965 #482D58 #41234A #3A193C #2F122D

#5E5481 - #482D58 - #2F122D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5481 0%, #482D58 50%, #2F122D 100%);
    background: -webkit-linear-gradient(top, #5E5481 0%, #482D58 50%, #2F122D 100%);
    background: linear-gradient(to bottom, #5E5481 0%, #482D58 50%, #2F122D 100%);
}
</style>