#5E7CCA - #1D337A | 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 #5E7CCA to #1D337A

#5E7CCA #1D337A

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

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

0.0%	0.0% #5E7CCA	RGB 94 124 202	#5E7CCA
16.7%	16.7% #536FBC	RGB 83 111 188	#536FBC
33.3%	33.3% #4863AF	RGB 72 99 175	#4863AF
50.0%	50.0% #3D57A2	RGB 61 87 162	#3D57A2
66.7%	66.7% #324B94	RGB 50 75 148	#324B94
83.3%	83.3% #273F87	RGB 39 63 135	#273F87
100.0%	100.0% #1D337A	RGB 29 51 122	#1D337A

#5E7CCA #536FBC #4863AF #3D57A2 #324B94 #273F87 #1D337A

#5E7CCA - #1D337A

HSV Blend

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

0.0%	0.0% #5E7CCA	RGB 94 124 202	#5E7CCA
16.7%	16.7% #506DBC	RGB 80 109 188	#506DBC
33.3%	33.3% #4460AF	RGB 68 96 175	#4460AF
50.0%	50.0% #3853A2	RGB 56 83 162	#3853A2
66.7%	66.7% #2E4894	RGB 46 72 148	#2E4894
83.3%	83.3% #253D87	RGB 37 61 135	#253D87
100.0%	100.0% #1D337A	RGB 29 51 122	#1D337A

#5E7CCA #506DBC #4460AF #3853A2 #2E4894 #253D87 #1D337A

#5E7CCA - #3853A2 - #1D337A

CSS codes

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

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