#5E8AB5 - #234066 | 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 #5E8AB5 to #234066

#5E8AB5 #234066

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

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

0.0%	0.0% #5E8AB5	RGB 94 138 181	#5E8AB5
16.7%	16.7% #547DA7	RGB 84 125 167	#547DA7
33.3%	33.3% #4A719A	RGB 74 113 154	#4A719A
50.0%	50.0% #40658D	RGB 64 101 141	#40658D
66.7%	66.7% #365880	RGB 54 88 128	#365880
83.3%	83.3% #2C4C73	RGB 44 76 115	#2C4C73
100.0%	100.0% #234066	RGB 35 64 102	#234066

#5E8AB5 #547DA7 #4A719A #40658D #365880 #2C4C73 #234066

#5E8AB5 - #234066

HSV Blend

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

0.0%	0.0% #5E8AB5	RGB 94 138 181	#5E8AB5
16.7%	16.7% #527CA7	RGB 82 124 167	#527CA7
33.3%	33.3% #476F9A	RGB 71 111 154	#476F9A
50.0%	50.0% #3D628D	RGB 61 98 141	#3D628D
66.7%	66.7% #335680	RGB 51 86 128	#335680
83.3%	83.3% #2A4B73	RGB 42 75 115	#2A4B73
100.0%	100.0% #234066	RGB 35 64 102	#234066

#5E8AB5 #527CA7 #476F9A #3D628D #335680 #2A4B73 #234066

#5E8AB5 - #3D628D - #234066

CSS codes

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

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