#5E8C6C - #8BF1F2 | 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 #5E8C6C to #8BF1F2

#5E8C6C #8BF1F2

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

#5E8C6C - #8BF1F2 | 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 #5E8C6C as 0% and #8BF1F2 as 100%.

0.0%	0.0% #5E8C6C	RGB 94 140 108	#5E8C6C
16.7%	16.7% #659C82	RGB 101 156 130	#659C82
33.3%	33.3% #6DAD98	RGB 109 173 152	#6DAD98
50.0%	50.0% #74BEAF	RGB 116 190 175	#74BEAF
66.7%	66.7% #7CCFC5	RGB 124 207 197	#7CCFC5
83.3%	83.3% #83E0DB	RGB 131 224 219	#83E0DB
100.0%	100.0% #8BF1F2	RGB 139 241 242	#8BF1F2

#5E8C6C #659C82 #6DAD98 #74BEAF #7CCFC5 #83E0DB #8BF1F2

#5E8C6C - #8BF1F2

HSV Blend

#5E8C6C - #8BF1F2 | 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 #5E8C6C as 0% and #8BF1F2 as 100%.

0.0%	0.0% #5E8C6C	RGB 94 140 108	#5E8C6C
16.7%	16.7% #669D7D	RGB 102 157 125	#669D7D
33.3%	33.3% #6FAE91	RGB 111 174 145	#6FAE91
50.0%	50.0% #76BFA6	RGB 118 191 166	#76BFA6
66.7%	66.7% #7ED0BD	RGB 126 208 189	#7ED0BD
83.3%	83.3% #84E1D7	RGB 132 225 215	#84E1D7
100.0%	100.0% #8BF1F2	RGB 139 241 242	#8BF1F2

#5E8C6C #669D7D #6FAE91 #76BFA6 #7ED0BD #84E1D7 #8BF1F2

#5E8C6C - #76BFA6 - #8BF1F2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C6C 0%, #76BFA6 50%, #8BF1F2 100%);
    background: -webkit-linear-gradient(top, #5E8C6C 0%, #76BFA6 50%, #8BF1F2 100%);
    background: linear-gradient(to bottom, #5E8C6C 0%, #76BFA6 50%, #8BF1F2 100%);
}
</style>