#061052 - #5E6C97 | 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 #061052 to #5E6C97

#061052 #5E6C97

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

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

0.0%	0.0% #061052	RGB 6 16 82	#061052
16.7%	16.7% #141F5D	RGB 20 31 93	#141F5D
33.3%	33.3% #232E69	RGB 35 46 105	#232E69
50.0%	50.0% #323E74	RGB 50 62 116	#323E74
66.7%	66.7% #404D80	RGB 64 77 128	#404D80
83.3%	83.3% #4F5C8B	RGB 79 92 139	#4F5C8B
100.0%	100.0% #5E6C97	RGB 94 108 151	#5E6C97

#061052 #141F5D #232E69 #323E74 #404D80 #4F5C8B #5E6C97

#061052 - #5E6C97

HSV Blend

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

0.0%	0.0% #051052	RGB 5 16 82	#051052
16.7%	16.7% #0F1B5D	RGB 15 27 93	#0F1B5D
33.3%	33.3% #1A2869	RGB 26 40 105	#1A2869
50.0%	50.0% #283674	RGB 40 54 116	#283674
66.7%	66.7% #384780	RGB 56 71 128	#384780
83.3%	83.3% #4A588B	RGB 74 88 139	#4A588B
100.0%	100.0% #5E6C97	RGB 94 108 151	#5E6C97

#051052 #0F1B5D #1A2869 #283674 #384780 #4A588B #5E6C97

#061052 - #283674 - #5E6C97

CSS codes

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

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