#5E8F8D - #196659 | 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 #5E8F8D to #196659

#5E8F8D #196659

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

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

0.0%	0.0% #5E8F8D	RGB 94 143 141	#5E8F8D
16.7%	16.7% #528884	RGB 82 136 132	#528884
33.3%	33.3% #47817B	RGB 71 129 123	#47817B
50.0%	50.0% #3B7A73	RGB 59 122 115	#3B7A73
66.7%	66.7% #30736A	RGB 48 115 106	#30736A
83.3%	83.3% #246C61	RGB 36 108 97	#246C61
100.0%	100.0% #196659	RGB 25 102 89	#196659

#5E8F8D #528884 #47817B #3B7A73 #30736A #246C61 #196659

#5E8F8D - #196659

HSV Blend

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

0.0%	0.0% #5E8F8D	RGB 94 143 141	#5E8F8D
16.7%	16.7% #508884	RGB 80 136 132	#508884
33.3%	33.3% #43817C	RGB 67 129 124	#43817C
50.0%	50.0% #377A73	RGB 55 122 115	#377A73
66.7%	66.7% #2C736A	RGB 44 115 106	#2C736A
83.3%	83.3% #226C61	RGB 34 108 97	#226C61
100.0%	100.0% #196659	RGB 25 102 89	#196659

#5E8F8D #508884 #43817C #377A73 #2C736A #226C61 #196659

#5E8F8D - #377A73 - #196659

CSS codes

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

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