#5E7199 - #203047 | 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 #5E7199 to #203047

#5E7199 #203047

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

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

0.0%	0.0% #5E7199	RGB 94 113 153	#5E7199
16.7%	16.7% #53668B	RGB 83 102 139	#53668B
33.3%	33.3% #495B7D	RGB 73 91 125	#495B7D
50.0%	50.0% #3F5070	RGB 63 80 112	#3F5070
66.7%	66.7% #344562	RGB 52 69 98	#344562
83.3%	83.3% #2A3A54	RGB 42 58 84	#2A3A54
100.0%	100.0% #203047	RGB 32 48 71	#203047

#5E7199 #53668B #495B7D #3F5070 #344562 #2A3A54 #203047

#5E7199 - #203047

HSV Blend

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

0.0%	0.0% #5E7199	RGB 94 113 153	#5E7199
16.7%	16.7% #51658B	RGB 81 101 139	#51658B
33.3%	33.3% #46597D	RGB 70 89 125	#46597D
50.0%	50.0% #3B4E70	RGB 59 78 112	#3B4E70
66.7%	66.7% #314462	RGB 49 68 98	#314462
83.3%	83.3% #283954	RGB 40 57 84	#283954
100.0%	100.0% #203047	RGB 32 48 71	#203047

#5E7199 #51658B #46597D #3B4E70 #314462 #283954 #203047

#5E7199 - #3B4E70 - #203047

CSS codes

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

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