#5E5284 - #2F112E | 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 #5E5284 to #2F112E

#5E5284 #2F112E

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

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

0.0%	0.0% #5E5284	RGB 94 82 132	#5E5284
16.7%	16.7% #564775	RGB 86 71 117	#564775
33.3%	33.3% #4E3C67	RGB 78 60 103	#4E3C67
50.0%	50.0% #463159	RGB 70 49 89	#463159
66.7%	66.7% #3E264A	RGB 62 38 74	#3E264A
83.3%	83.3% #361B3C	RGB 54 27 60	#361B3C
100.0%	100.0% #2F112E	RGB 47 17 46	#2F112E

#5E5284 #564775 #4E3C67 #463159 #3E264A #361B3C #2F112E

#5E5284 - #2F112E

HSV Blend

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

0.0%	0.0% #5D5284	RGB 93 82 132	#5D5284
16.7%	16.7% #564475	RGB 86 68 117	#564475
33.3%	33.3% #4F3767	RGB 79 55 103	#4F3767
50.0%	50.0% #482B59	RGB 72 43 89	#482B59
66.7%	66.7% #41214B	RGB 65 33 75	#41214B
83.3%	83.3% #39183D	RGB 57 24 61	#39183D
100.0%	100.0% #2F112E	RGB 47 17 46	#2F112E

#5D5284 #564475 #4F3767 #482B59 #41214B #39183D #2F112E

#5E5284 - #482B59 - #2F112E

CSS codes

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

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