#5E8B9F - #A0D698 | 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 #5E8B9F to #A0D698

#5E8B9F #A0D698

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

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

0.0%	0.0% #5E8B9F	RGB 94 139 159	#5E8B9F
16.7%	16.7% #69979D	RGB 105 151 157	#69979D
33.3%	33.3% #74A49C	RGB 116 164 156	#74A49C
50.0%	50.0% #7FB09B	RGB 127 176 155	#7FB09B
66.7%	66.7% #8ABD9A	RGB 138 189 154	#8ABD9A
83.3%	83.3% #95C999	RGB 149 201 153	#95C999
100.0%	100.0% #A0D698	RGB 160 214 152	#A0D698

#5E8B9F #69979D #74A49C #7FB09B #8ABD9A #95C999 #A0D698

#5E8B9F - #A0D698

HSV Blend

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

0.0%	0.0% #5E8B9F	RGB 94 139 159	#5E8B9F
16.7%	16.7% #66A3A8	RGB 102 163 168	#66A3A8
33.3%	33.3% #6FB1A6	RGB 111 177 166	#6FB1A6
50.0%	50.0% #79BA9F	RGB 121 186 159	#79BA9F
66.7%	66.7% #83C399	RGB 131 195 153	#83C399
83.3%	83.3% #8DCC94	RGB 141 204 148	#8DCC94
100.0%	100.0% #A0D698	RGB 160 214 152	#A0D698

#5E8B9F #66A3A8 #6FB1A6 #79BA9F #83C399 #8DCC94 #A0D698

#5E8B9F - #79BA9F - #A0D698

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8B9F 0%, #79BA9F 50%, #A0D698 100%);
    background: -webkit-linear-gradient(top, #5E8B9F 0%, #79BA9F 50%, #A0D698 100%);
    background: linear-gradient(to bottom, #5E8B9F 0%, #79BA9F 50%, #A0D698 100%);
}
</style>