#5E7095 - #203044 | 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 #5E7095 to #203044

#5E7095 #203044

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

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

0.0%	0.0% #5E7095	RGB 94 112 149	#5E7095
16.7%	16.7% #536587	RGB 83 101 135	#536587
33.3%	33.3% #495A7A	RGB 73 90 122	#495A7A
50.0%	50.0% #3F506C	RGB 63 80 108	#3F506C
66.7%	66.7% #34455F	RGB 52 69 95	#34455F
83.3%	83.3% #2A3A51	RGB 42 58 81	#2A3A51
100.0%	100.0% #203044	RGB 32 48 68	#203044

#5E7095 #536587 #495A7A #3F506C #34455F #2A3A51 #203044

#5E7095 - #203044

HSV Blend

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

0.0%	0.0% #5E7095	RGB 94 112 149	#5E7095
16.7%	16.7% #516487	RGB 81 100 135	#516487
33.3%	33.3% #46597A	RGB 70 89 122	#46597A
50.0%	50.0% #3B4E6C	RGB 59 78 108	#3B4E6C
66.7%	66.7% #31445F	RGB 49 68 95	#31445F
83.3%	83.3% #283951	RGB 40 57 81	#283951
100.0%	100.0% #203044	RGB 32 48 68	#203044

#5E7095 #516487 #46597A #3B4E6C #31445F #283951 #203044

#5E7095 - #3B4E6C - #203044

CSS codes

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

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