#5E4F83 - #2D102D | 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 #5E4F83 to #2D102D

#5E4F83 #2D102D

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

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

0.0%	0.0% #5E4F83	RGB 94 79 131	#5E4F83
16.7%	16.7% #554474	RGB 85 68 116	#554474
33.3%	33.3% #4D3A66	RGB 77 58 102	#4D3A66
50.0%	50.0% #452F58	RGB 69 47 88	#452F58
66.7%	66.7% #3D2549	RGB 61 37 73	#3D2549
83.3%	83.3% #351A3B	RGB 53 26 59	#351A3B
100.0%	100.0% #2D102D	RGB 45 16 45	#2D102D

#5E4F83 #554474 #4D3A66 #452F58 #3D2549 #351A3B #2D102D

#5E4F83 - #2D102D

HSV Blend

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

0.0%	0.0% #5D4F83	RGB 93 79 131	#5D4F83
16.7%	16.7% #564174	RGB 86 65 116	#564174
33.3%	33.3% #4F3566	RGB 79 53 102	#4F3566
50.0%	50.0% #472A58	RGB 71 42 88	#472A58
66.7%	66.7% #3F2049	RGB 63 32 73	#3F2049
83.3%	83.3% #37173B	RGB 55 23 59	#37173B
100.0%	100.0% #2D102D	RGB 45 16 45	#2D102D

#5D4F83 #564174 #4F3566 #472A58 #3F2049 #37173B #2D102D

#5E4F83 - #472A58 - #2D102D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4F83 0%, #472A58 50%, #2D102D 100%);
    background: -webkit-linear-gradient(top, #5D4F83 0%, #472A58 50%, #2D102D 100%);
    background: linear-gradient(to bottom, #5D4F83 0%, #472A58 50%, #2D102D 100%);
}
</style>