#5E6B6E - #81CDA3 | 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 #5E6B6E to #81CDA3

#5E6B6E #81CDA3

Calculate the color between two colors, #5E6B6E and #81CDA3. 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)

#5E6B6E - #81CDA3 | 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 #5E6B6E as 0% and #81CDA3 as 100%.

0.0%	0.0% #5E6B6E	RGB 94 107 110	#5E6B6E
16.7%	16.7% #637B76	RGB 99 123 118	#637B76
33.3%	33.3% #698B7F	RGB 105 139 127	#698B7F
50.0%	50.0% #6F9C88	RGB 111 156 136	#6F9C88
66.7%	66.7% #75AC91	RGB 117 172 145	#75AC91
83.3%	83.3% #7BBC9A	RGB 123 188 154	#7BBC9A
100.0%	100.0% #81CDA3	RGB 129 205 163	#81CDA3

#5E6B6E #637B76 #698B7F #6F9C88 #75AC91 #7BBC9A #81CDA3

#5E6B6E - #81CDA3

HSV Blend

#5E6B6E - #81CDA3 | 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 #5E6B6E as 0% and #81CDA3 as 100%.

0.0%	0.0% #5E6B6E	RGB 94 107 110	#5E6B6E
16.7%	16.7% #667C7D	RGB 102 124 125	#667C7D
33.3%	33.3% #6E8D8B	RGB 110 141 139	#6E8D8B
50.0%	50.0% #749D96	RGB 116 157 150	#749D96
66.7%	66.7% #7AAD9D	RGB 122 173 157	#7AAD9D
83.3%	83.3% #7EBDA2	RGB 126 189 162	#7EBDA2
100.0%	100.0% #81CDA3	RGB 129 205 163	#81CDA3

#5E6B6E #667C7D #6E8D8B #749D96 #7AAD9D #7EBDA2 #81CDA3

#5E6B6E - #749D96 - #81CDA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B6E 0%, #749D96 50%, #81CDA3 100%);
    background: -webkit-linear-gradient(top, #5E6B6E 0%, #749D96 50%, #81CDA3 100%);
    background: linear-gradient(to bottom, #5E6B6E 0%, #749D96 50%, #81CDA3 100%);
}
</style>