#237FA1 - #5E8DF3 | 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 #237FA1 to #5E8DF3

#237FA1 #5E8DF3

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

#237FA1 - #5E8DF3 | 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 #237FA1 as 0% and #5E8DF3 as 100%.

0.0%	0.0% #237FA1	RGB 35 127 161	#237FA1
16.7%	16.7% #2C81AE	RGB 44 129 174	#2C81AE
33.3%	33.3% #3683BC	RGB 54 131 188	#3683BC
50.0%	50.0% #4086CA	RGB 64 134 202	#4086CA
66.7%	66.7% #4A88D7	RGB 74 136 215	#4A88D7
83.3%	83.3% #548AE5	RGB 84 138 229	#548AE5
100.0%	100.0% #5E8DF3	RGB 94 141 243	#5E8DF3

#237FA1 #2C81AE #3683BC #4086CA #4A88D7 #548AE5 #5E8DF3

#237FA1 - #5E8DF3

HSV Blend

#237FA1 - #5E8DF3 | 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 #237FA1 as 0% and #5E8DF3 as 100%.

0.0%	0.0% #237FA1	RGB 35 127 161	#237FA1
16.7%	16.7% #2A82AE	RGB 42 130 174	#2A82AE
33.3%	33.3% #3384BC	RGB 51 132 188	#3384BC
50.0%	50.0% #3D86CA	RGB 61 134 202	#3D86CA
66.7%	66.7% #4788D7	RGB 71 136 215	#4788D7
83.3%	83.3% #528AE5	RGB 82 138 229	#528AE5
100.0%	100.0% #5E8DF3	RGB 94 141 243	#5E8DF3

#237FA1 #2A82AE #3384BC #3D86CA #4788D7 #528AE5 #5E8DF3

#237FA1 - #3D86CA - #5E8DF3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #237FA1 0%, #3D86CA 50%, #5E8DF3 100%);
    background: -webkit-linear-gradient(top, #237FA1 0%, #3D86CA 50%, #5E8DF3 100%);
    background: linear-gradient(to bottom, #237FA1 0%, #3D86CA 50%, #5E8DF3 100%);
}
</style>