#5E7798 - #233447 | 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 #5E7798 to #233447

#5E7798 #233447

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

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

0.0%	0.0% #5E7798	RGB 94 119 152	#5E7798
16.7%	16.7% #546B8A	RGB 84 107 138	#546B8A
33.3%	33.3% #4A607D	RGB 74 96 125	#4A607D
50.0%	50.0% #40556F	RGB 64 85 111	#40556F
66.7%	66.7% #364A62	RGB 54 74 98	#364A62
83.3%	83.3% #2C3F54	RGB 44 63 84	#2C3F54
100.0%	100.0% #233447	RGB 35 52 71	#233447

#5E7798 #546B8A #4A607D #40556F #364A62 #2C3F54 #233447

#5E7798 - #233447

HSV Blend

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

0.0%	0.0% #5E7798	RGB 94 119 152	#5E7798
16.7%	16.7% #526B8A	RGB 82 107 138	#526B8A
33.3%	33.3% #485F7D	RGB 72 95 125	#485F7D
50.0%	50.0% #3D546F	RGB 61 84 111	#3D546F
66.7%	66.7% #344962	RGB 52 73 98	#344962
83.3%	83.3% #2B3E54	RGB 43 62 84	#2B3E54
100.0%	100.0% #233447	RGB 35 52 71	#233447

#5E7798 #526B8A #485F7D #3D546F #344962 #2B3E54 #233447

#5E7798 - #3D546F - #233447

CSS codes

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

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