#5E6AA7 - #1D2B52 | 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 #5E6AA7 to #1D2B52

#5E6AA7 #1D2B52

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

#5E6AA7 - #1D2B52 | 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 #5E6AA7 as 0% and #1D2B52 as 100%.

0.0%	0.0% #5E6AA7	RGB 94 106 167	#5E6AA7
16.7%	16.7% #535F98	RGB 83 95 152	#535F98
33.3%	33.3% #48558A	RGB 72 85 138	#48558A
50.0%	50.0% #3D4A7C	RGB 61 74 124	#3D4A7C
66.7%	66.7% #32406E	RGB 50 64 110	#32406E
83.3%	83.3% #273560	RGB 39 53 96	#273560
100.0%	100.0% #1D2B52	RGB 29 43 82	#1D2B52

#5E6AA7 #535F98 #48558A #3D4A7C #32406E #273560 #1D2B52

#5E6AA7 - #1D2B52

HSV Blend

#5E6AA7 - #1D2B52 | 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 #5E6AA7 as 0% and #1D2B52 as 100%.

0.0%	0.0% #5E6AA7	RGB 94 106 167	#5E6AA7
16.7%	16.7% #505D98	RGB 80 93 152	#505D98
33.3%	33.3% #44528A	RGB 68 82 138	#44528A
50.0%	50.0% #39477C	RGB 57 71 124	#39477C
66.7%	66.7% #2E3D6E	RGB 46 61 110	#2E3D6E
83.3%	83.3% #253360	RGB 37 51 96	#253360
100.0%	100.0% #1D2B52	RGB 29 43 82	#1D2B52

#5E6AA7 #505D98 #44528A #39477C #2E3D6E #253360 #1D2B52

#5E6AA7 - #39477C - #1D2B52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6AA7 0%, #39477C 50%, #1D2B52 100%);
    background: -webkit-linear-gradient(top, #5E6AA7 0%, #39477C 50%, #1D2B52 100%);
    background: linear-gradient(to bottom, #5E6AA7 0%, #39477C 50%, #1D2B52 100%);
}
</style>