#005E6B - #7EBCAF | 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 #005E6B to #7EBCAF

#005E6B #7EBCAF

Calculate the color between two colors, #005E6B and #7EBCAF. 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)

#005E6B - #7EBCAF | 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 #005E6B as 0% and #7EBCAF as 100%.

0.0%	0.0% #005E6B	RGB 0 94 107	#005E6B
16.7%	16.7% #156D76	RGB 21 109 118	#156D76
33.3%	33.3% #2A7D81	RGB 42 125 129	#2A7D81
50.0%	50.0% #3F8D8D	RGB 63 141 141	#3F8D8D
66.7%	66.7% #549C98	RGB 84 156 152	#549C98
83.3%	83.3% #69ACA3	RGB 105 172 163	#69ACA3
100.0%	100.0% #7EBCAF	RGB 126 188 175	#7EBCAF

#005E6B #156D76 #2A7D81 #3F8D8D #549C98 #69ACA3 #7EBCAF

#005E6B - #7EBCAF

HSV Blend

#005E6B - #7EBCAF | 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 #005E6B as 0% and #7EBCAF as 100%.

0.0%	0.0% #005D6B	RGB 0 93 107	#005D6B
16.7%	16.7% #0D7178	RGB 13 113 120	#0D7178
33.3%	33.3% #1D8486	RGB 29 132 134	#1D8486
50.0%	50.0% #31938F	RGB 49 147 143	#31938F
66.7%	66.7% #47A198	RGB 71 161 152	#47A198
83.3%	83.3% #61AEA2	RGB 97 174 162	#61AEA2
100.0%	100.0% #7EBCAF	RGB 126 188 175	#7EBCAF

#005D6B #0D7178 #1D8486 #31938F #47A198 #61AEA2 #7EBCAF

#005E6B - #31938F - #7EBCAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
    background: -webkit-linear-gradient(top, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
    background: linear-gradient(to bottom, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
}
</style>