#2A8C89 - #005C46 | 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 #2A8C89 to #005C46

#2A8C89 #005C46

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

#2A8C89 - #005C46 | 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 #2A8C89 as 0% and #005C46 as 100%.

0.0%	0.0% #2A8C89	RGB 42 140 137	#2A8C89
16.7%	16.7% #23847D	RGB 35 132 125	#23847D
33.3%	33.3% #1C7C72	RGB 28 124 114	#1C7C72
50.0%	50.0% #157467	RGB 21 116 103	#157467
66.7%	66.7% #0D6C5C	RGB 13 108 92	#0D6C5C
83.3%	83.3% #076451	RGB 7 100 81	#076451
100.0%	100.0% #005C46	RGB 0 92 70	#005C46

#2A8C89 #23847D #1C7C72 #157467 #0D6C5C #076451 #005C46

#2A8C89 - #005C46

HSV Blend

#2A8C89 - #005C46 | 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 #2A8C89 as 0% and #005C46 as 100%.

0.0%	0.0% #2A8C89	RGB 42 140 137	#2A8C89
16.7%	16.7% #21847D	RGB 33 132 125	#21847D
33.3%	33.3% #187C72	RGB 24 124 114	#187C72
50.0%	50.0% #117466	RGB 17 116 102	#117466
66.7%	66.7% #0A6C5B	RGB 10 108 91	#0A6C5B
83.3%	83.3% #056450	RGB 5 100 80	#056450
100.0%	100.0% #005C46	RGB 0 92 70	#005C46

#2A8C89 #21847D #187C72 #117466 #0A6C5B #056450 #005C46

#2A8C89 - #117466 - #005C46

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A8C89 0%, #117466 50%, #005C46 100%);
    background: -webkit-linear-gradient(top, #2A8C89 0%, #117466 50%, #005C46 100%);
    background: linear-gradient(to bottom, #2A8C89 0%, #117466 50%, #005C46 100%);
}
</style>