#5A826C - #8FD5ED | 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 #5A826C to #8FD5ED

#5A826C #8FD5ED

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

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

0.0%	0.0% #5A826C	RGB 90 130 108	#5A826C
16.7%	16.7% #628F81	RGB 98 143 129	#628F81
33.3%	33.3% #6B9D97	RGB 107 157 151	#6B9D97
50.0%	50.0% #74ABAC	RGB 116 171 172	#74ABAC
66.7%	66.7% #7DB9C2	RGB 125 185 194	#7DB9C2
83.3%	83.3% #86C7D7	RGB 134 199 215	#86C7D7
100.0%	100.0% #8FD5ED	RGB 143 213 237	#8FD5ED

#5A826C #628F81 #6B9D97 #74ABAC #7DB9C2 #86C7D7 #8FD5ED

#5A826C - #8FD5ED

HSV Blend

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

0.0%	0.0% #5A826C	RGB 90 130 108	#5A826C
16.7%	16.7% #649380	RGB 100 147 128	#649380
33.3%	33.3% #6DA595	RGB 109 165 149	#6DA595
50.0%	50.0% #76B7AD	RGB 118 183 173	#76B7AD
66.7%	66.7% #7FC9C8	RGB 127 201 200	#7FC9C8
83.3%	83.3% #87D1DB	RGB 135 209 219	#87D1DB
100.0%	100.0% #8FD5ED	RGB 143 213 237	#8FD5ED

#5A826C #649380 #6DA595 #76B7AD #7FC9C8 #87D1DB #8FD5ED

#5A826C - #76B7AD - #8FD5ED

CSS codes

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

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