#5E8F9F - #185E72 | 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 #5E8F9F to #185E72

#5E8F9F #185E72

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

#5E8F9F - #185E72 | 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 #5E8F9F as 0% and #185E72 as 100%.

0.0%	0.0% #5E8F9F	RGB 94 143 159	#5E8F9F
16.7%	16.7% #528697	RGB 82 134 151	#528697
33.3%	33.3% #467E90	RGB 70 126 144	#467E90
50.0%	50.0% #3B7688	RGB 59 118 136	#3B7688
66.7%	66.7% #2F6E81	RGB 47 110 129	#2F6E81
83.3%	83.3% #236679	RGB 35 102 121	#236679
100.0%	100.0% #185E72	RGB 24 94 114	#185E72

#5E8F9F #528697 #467E90 #3B7688 #2F6E81 #236679 #185E72

#5E8F9F - #185E72

HSV Blend

#5E8F9F - #185E72 | 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 #5E8F9F as 0% and #185E72 as 100%.

0.0%	0.0% #5E8F9F	RGB 94 143 159	#5E8F9F
16.7%	16.7% #4F8697	RGB 79 134 151	#4F8697
33.3%	33.3% #427D90	RGB 66 125 144	#427D90
50.0%	50.0% #367588	RGB 54 117 136	#367588
66.7%	66.7% #2B6D81	RGB 43 109 129	#2B6D81
83.3%	83.3% #216579	RGB 33 101 121	#216579
100.0%	100.0% #185E72	RGB 24 94 114	#185E72

#5E8F9F #4F8697 #427D90 #367588 #2B6D81 #216579 #185E72

#5E8F9F - #367588 - #185E72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F9F 0%, #367588 50%, #185E72 100%);
    background: -webkit-linear-gradient(top, #5E8F9F 0%, #367588 50%, #185E72 100%);
    background: linear-gradient(to bottom, #5E8F9F 0%, #367588 50%, #185E72 100%);
}
</style>