#008A8A - #8AE4A8 | 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 #008A8A to #8AE4A8

#008A8A #8AE4A8

Calculate the color between two colors, #008A8A and #8AE4A8. 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)

#008A8A - #8AE4A8 | 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 #008A8A as 0% and #8AE4A8 as 100%.

0.0%	0.0% #008A8A	RGB 0 138 138	#008A8A
16.7%	16.7% #17998F	RGB 23 153 143	#17998F
33.3%	33.3% #2EA894	RGB 46 168 148	#2EA894
50.0%	50.0% #45B799	RGB 69 183 153	#45B799
66.7%	66.7% #5CC69E	RGB 92 198 158	#5CC69E
83.3%	83.3% #73D5A3	RGB 115 213 163	#73D5A3
100.0%	100.0% #8AE4A8	RGB 138 228 168	#8AE4A8

#008A8A #17998F #2EA894 #45B799 #5CC69E #73D5A3 #8AE4A8

#008A8A - #8AE4A8

HSV Blend

#008A8A - #8AE4A8 | 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 #008A8A as 0% and #8AE4A8 as 100%.

0.0%	0.0% #008A8A	RGB 0 138 138	#008A8A
16.7%	16.7% #0F9989	RGB 15 153 137	#0F9989
33.3%	33.3% #21A88A	RGB 33 168 138	#21A88A
50.0%	50.0% #37B78C	RGB 55 183 140	#37B78C
66.7%	66.7% #4FC691	RGB 79 198 145	#4FC691
83.3%	83.3% #6BD59A	RGB 107 213 154	#6BD59A
100.0%	100.0% #8AE4A8	RGB 138 228 168	#8AE4A8

#008A8A #0F9989 #21A88A #37B78C #4FC691 #6BD59A #8AE4A8

#008A8A - #37B78C - #8AE4A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008A8A 0%, #37B78C 50%, #8AE4A8 100%);
    background: -webkit-linear-gradient(top, #008A8A 0%, #37B78C 50%, #8AE4A8 100%);
    background: linear-gradient(to bottom, #008A8A 0%, #37B78C 50%, #8AE4A8 100%);
}
</style>