#5E6F8F - #82CFAE | 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 #5E6F8F to #82CFAE

#5E6F8F #82CFAE

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

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

0.0%	0.0% #5E6F8F	RGB 94 111 143	#5E6F8F
16.7%	16.7% #647F94	RGB 100 127 148	#647F94
33.3%	33.3% #6A8F99	RGB 106 143 153	#6A8F99
50.0%	50.0% #709F9E	RGB 112 159 158	#709F9E
66.7%	66.7% #76AFA3	RGB 118 175 163	#76AFA3
83.3%	83.3% #7CBFA8	RGB 124 191 168	#7CBFA8
100.0%	100.0% #82CFAE	RGB 130 207 174	#82CFAE

#5E6F8F #647F94 #6A8F99 #709F9E #76AFA3 #7CBFA8 #82CFAE

#5E6F8F - #82CFAE

HSV Blend

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

0.0%	0.0% #5E6F8F	RGB 94 111 143	#5E6F8F
16.7%	16.7% #648099	RGB 100 128 153	#648099
33.3%	33.3% #6A93A4	RGB 106 147 164	#6A93A4
50.0%	50.0% #70A7AF	RGB 112 167 175	#70A7AF
66.7%	66.7% #76B9B5	RGB 118 185 181	#76B9B5
83.3%	83.3% #7CC4B2	RGB 124 196 178	#7CC4B2
100.0%	100.0% #82CFAE	RGB 130 207 174	#82CFAE

#5E6F8F #648099 #6A93A4 #70A7AF #76B9B5 #7CC4B2 #82CFAE

#5E6F8F - #70A7AF - #82CFAE

CSS codes

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

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