#5E858D - #82EBD3 | 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 #5E858D to #82EBD3

#5E858D #82EBD3

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

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

0.0%	0.0% #5E858D	RGB 94 133 141	#5E858D
16.7%	16.7% #649698	RGB 100 150 152	#649698
33.3%	33.3% #6AA7A4	RGB 106 167 164	#6AA7A4
50.0%	50.0% #70B8B0	RGB 112 184 176	#70B8B0
66.7%	66.7% #76C9BB	RGB 118 201 187	#76C9BB
83.3%	83.3% #7CDAC7	RGB 124 218 199	#7CDAC7
100.0%	100.0% #82EBD3	RGB 130 235 211	#82EBD3

#5E858D #649698 #6AA7A4 #70B8B0 #76C9BB #7CDAC7 #82EBD3

#5E858D - #82EBD3

HSV Blend

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

0.0%	0.0% #5E858D	RGB 94 133 141	#5E858D
16.7%	16.7% #65969C	RGB 101 150 156	#65969C
33.3%	33.3% #6CA9AC	RGB 108 169 172	#6CA9AC
50.0%	50.0% #72BCB9	RGB 114 188 185	#72BCB9
66.7%	66.7% #78CBC3	RGB 120 203 195	#78CBC3
83.3%	83.3% #7DDBCC	RGB 125 219 204	#7DDBCC
100.0%	100.0% #82EBD3	RGB 130 235 211	#82EBD3

#5E858D #65969C #6CA9AC #72BCB9 #78CBC3 #7DDBCC #82EBD3

#5E858D - #72BCB9 - #82EBD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E858D 0%, #72BCB9 50%, #82EBD3 100%);
    background: -webkit-linear-gradient(top, #5E858D 0%, #72BCB9 50%, #82EBD3 100%);
    background: linear-gradient(to bottom, #5E858D 0%, #72BCB9 50%, #82EBD3 100%);
}
</style>