#008C8C - #8CE5A9 | 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 #008C8C to #8CE5A9

#008C8C #8CE5A9

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

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

0.0%	0.0% #008C8C	RGB 0 140 140	#008C8C
16.7%	16.7% #179A90	RGB 23 154 144	#179A90
33.3%	33.3% #2EA995	RGB 46 169 149	#2EA995
50.0%	50.0% #46B89A	RGB 70 184 154	#46B89A
66.7%	66.7% #5DC79F	RGB 93 199 159	#5DC79F
83.3%	83.3% #74D6A4	RGB 116 214 164	#74D6A4
100.0%	100.0% #8CE5A9	RGB 140 229 169	#8CE5A9

#008C8C #179A90 #2EA995 #46B89A #5DC79F #74D6A4 #8CE5A9

#008C8C - #8CE5A9

HSV Blend

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

0.0%	0.0% #008C8C	RGB 0 140 140	#008C8C
16.7%	16.7% #0F9A8B	RGB 15 154 139	#0F9A8B
33.3%	33.3% #22A98B	RGB 34 169 139	#22A98B
50.0%	50.0% #38B88D	RGB 56 184 141	#38B88D
66.7%	66.7% #51C792	RGB 81 199 146	#51C792
83.3%	83.3% #6DD69B	RGB 109 214 155	#6DD69B
100.0%	100.0% #8CE5A9	RGB 140 229 169	#8CE5A9

#008C8C #0F9A8B #22A98B #38B88D #51C792 #6DD69B #8CE5A9

#008C8C - #38B88D - #8CE5A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008C8C 0%, #38B88D 50%, #8CE5A9 100%);
    background: -webkit-linear-gradient(top, #008C8C 0%, #38B88D 50%, #8CE5A9 100%);
    background: linear-gradient(to bottom, #008C8C 0%, #38B88D 50%, #8CE5A9 100%);
}
</style>