#5E8C7A - #8BD3F2 | 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 #5E8C7A to #8BD3F2

#5E8C7A #8BD3F2

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

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

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #65978E	RGB 101 151 142	#65978E
33.3%	33.3% #6DA3A2	RGB 109 163 162	#6DA3A2
50.0%	50.0% #74AFB6	RGB 116 175 182	#74AFB6
66.7%	66.7% #7CBBCA	RGB 124 187 202	#7CBBCA
83.3%	83.3% #83C7DE	RGB 131 199 222	#83C7DE
100.0%	100.0% #8BD3F2	RGB 139 211 242	#8BD3F2

#5E8C7A #65978E #6DA3A2 #74AFB6 #7CBBCA #83C7DE #8BD3F2

#5E8C7A - #8BD3F2

HSV Blend

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

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #669D8E	RGB 102 157 142	#669D8E
33.3%	33.3% #6FAEA3	RGB 111 174 163	#6FAEA3
50.0%	50.0% #76BFBB	RGB 118 191 187	#76BFBB
66.7%	66.7% #7ECAD0	RGB 126 202 208	#7ECAD0
83.3%	83.3% #84CFE1	RGB 132 207 225	#84CFE1
100.0%	100.0% #8BD3F2	RGB 139 211 242	#8BD3F2

#5E8C7A #669D8E #6FAEA3 #76BFBB #7ECAD0 #84CFE1 #8BD3F2

#5E8C7A - #76BFBB - #8BD3F2

CSS codes

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

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