#5E7AAD - #1A3956 | 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 #5E7AAD to #1A3956

#5E7AAD #1A3956

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

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

0.0%	0.0% #5E7AAD	RGB 94 122 173	#5E7AAD
16.7%	16.7% #526F9E	RGB 82 111 158	#526F9E
33.3%	33.3% #476490	RGB 71 100 144	#476490
50.0%	50.0% #3C5981	RGB 60 89 129	#3C5981
66.7%	66.7% #304E73	RGB 48 78 115	#304E73
83.3%	83.3% #254364	RGB 37 67 100	#254364
100.0%	100.0% #1A3956	RGB 26 57 86	#1A3956

#5E7AAD #526F9E #476490 #3C5981 #304E73 #254364 #1A3956

#5E7AAD - #1A3956

HSV Blend

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

0.0%	0.0% #5E7AAD	RGB 94 122 173	#5E7AAD
16.7%	16.7% #4F6D9E	RGB 79 109 158	#4F6D9E
33.3%	33.3% #426290	RGB 66 98 144	#426290
50.0%	50.0% #365781	RGB 54 87 129	#365781
66.7%	66.7% #2C4C73	RGB 44 76 115	#2C4C73
83.3%	83.3% #224264	RGB 34 66 100	#224264
100.0%	100.0% #1A3956	RGB 26 57 86	#1A3956

#5E7AAD #4F6D9E #426290 #365781 #2C4C73 #224264 #1A3956

#5E7AAD - #365781 - #1A3956

CSS codes

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

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