#5E92AD - #196585 | 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 #5E92AD to #196585

#5E92AD #196585

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

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #528AA6	RGB 82 138 166	#528AA6
33.3%	33.3% #47839F	RGB 71 131 159	#47839F
50.0%	50.0% #3B7B99	RGB 59 123 153	#3B7B99
66.7%	66.7% #307492	RGB 48 116 146	#307492
83.3%	83.3% #246C8B	RGB 36 108 139	#246C8B
100.0%	100.0% #196585	RGB 25 101 133	#196585

#5E92AD #528AA6 #47839F #3B7B99 #307492 #246C8B #196585

#5E92AD - #196585

HSV Blend

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #5089A6	RGB 80 137 166	#5089A6
33.3%	33.3% #43819F	RGB 67 129 159	#43819F
50.0%	50.0% #377A99	RGB 55 122 153	#377A99
66.7%	66.7% #2C7292	RGB 44 114 146	#2C7292
83.3%	83.3% #226B8B	RGB 34 107 139	#226B8B
100.0%	100.0% #196585	RGB 25 101 133	#196585

#5E92AD #5089A6 #43819F #377A99 #2C7292 #226B8B #196585

#5E92AD - #377A99 - #196585

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92AD 0%, #377A99 50%, #196585 100%);
    background: -webkit-linear-gradient(top, #5E92AD 0%, #377A99 50%, #196585 100%);
    background: linear-gradient(to bottom, #5E92AD 0%, #377A99 50%, #196585 100%);
}
</style>