#5E8C8C - #15665A | 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 #5E8C8C to #15665A

#5E8C8C #15665A

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

#5E8C8C - #15665A | 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 #5E8C8C as 0% and #15665A as 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #518583	RGB 81 133 131	#518583
33.3%	33.3% #457F7B	RGB 69 127 123	#457F7B
50.0%	50.0% #397973	RGB 57 121 115	#397973
66.7%	66.7% #2D726A	RGB 45 114 106	#2D726A
83.3%	83.3% #216C62	RGB 33 108 98	#216C62
100.0%	100.0% #15665A	RGB 21 102 90	#15665A

#5E8C8C #518583 #457F7B #397973 #2D726A #216C62 #15665A

#5E8C8C - #15665A

HSV Blend

#5E8C8C - #15665A | 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 #5E8C8C as 0% and #15665A as 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #4F8584	RGB 79 133 132	#4F8584
33.3%	33.3% #417F7C	RGB 65 127 124	#417F7C
50.0%	50.0% #357973	RGB 53 121 115	#357973
66.7%	66.7% #29726B	RGB 41 114 107	#29726B
83.3%	83.3% #1E6C62	RGB 30 108 98	#1E6C62
100.0%	100.0% #15665A	RGB 21 102 90	#15665A

#5E8C8C #4F8584 #417F7C #357973 #29726B #1E6C62 #15665A

#5E8C8C - #357973 - #15665A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C8C 0%, #357973 50%, #15665A 100%);
    background: -webkit-linear-gradient(top, #5E8C8C 0%, #357973 50%, #15665A 100%);
    background: linear-gradient(to bottom, #5E8C8C 0%, #357973 50%, #15665A 100%);
}
</style>