#5E9DAF - #82FFC1 | 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 #5E9DAF to #82FFC1

#5E9DAF #82FFC1

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

#5E9DAF - #82FFC1 | 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 #5E9DAF as 0% and #82FFC1 as 100%.

0.0%	0.0% #5E9DAF	RGB 94 157 175	#5E9DAF
16.7%	16.7% #64ADB2	RGB 100 173 178	#64ADB2
33.3%	33.3% #6ABDB5	RGB 106 189 181	#6ABDB5
50.0%	50.0% #70CEB8	RGB 112 206 184	#70CEB8
66.7%	66.7% #76DEBB	RGB 118 222 187	#76DEBB
83.3%	83.3% #7CEEBE	RGB 124 238 190	#7CEEBE
100.0%	100.0% #82FFC1	RGB 130 255 193	#82FFC1

#5E9DAF #64ADB2 #6ABDB5 #70CEB8 #76DEBB #7CEEBE #82FFC1

#5E9DAF - #82FFC1

HSV Blend

#5E9DAF - #82FFC1 | 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 #5E9DAF as 0% and #82FFC1 as 100%.

0.0%	0.0% #5E9DAF	RGB 94 157 175	#5E9DAF
16.7%	16.7% #64B3BC	RGB 100 179 188	#64B3BC
33.3%	33.3% #6AC9C8	RGB 106 201 200	#6AC9C8
50.0%	50.0% #70D7C8	RGB 112 215 200	#70D7C8
66.7%	66.7% #76E4C8	RGB 118 228 200	#76E4C8
83.3%	83.3% #7CF1C5	RGB 124 241 197	#7CF1C5
100.0%	100.0% #82FFC1	RGB 130 255 193	#82FFC1

#5E9DAF #64B3BC #6AC9C8 #70D7C8 #76E4C8 #7CF1C5 #82FFC1

#5E9DAF - #70D7C8 - #82FFC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9DAF 0%, #70D7C8 50%, #82FFC1 100%);
    background: -webkit-linear-gradient(top, #5E9DAF 0%, #70D7C8 50%, #82FFC1 100%);
    background: linear-gradient(to bottom, #5E9DAF 0%, #70D7C8 50%, #82FFC1 100%);
}
</style>