#2B8C8C - #005D48 | 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 #2B8C8C to #005D48

#2B8C8C #005D48

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

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

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #238480	RGB 35 132 128	#238480
33.3%	33.3% #1C7C75	RGB 28 124 117	#1C7C75
50.0%	50.0% #15746A	RGB 21 116 106	#15746A
66.7%	66.7% #0E6C5E	RGB 14 108 94	#0E6C5E
83.3%	83.3% #076453	RGB 7 100 83	#076453
100.0%	100.0% #005D48	RGB 0 93 72	#005D48

#2B8C8C #238480 #1C7C75 #15746A #0E6C5E #076453 #005D48

#2B8C8C - #005D48

HSV Blend

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

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #218480	RGB 33 132 128	#218480
33.3%	33.3% #197C74	RGB 25 124 116	#197C74
50.0%	50.0% #117469	RGB 17 116 105	#117469
66.7%	66.7% #0B6C5D	RGB 11 108 93	#0B6C5D
83.3%	83.3% #056452	RGB 5 100 82	#056452
100.0%	100.0% #005D48	RGB 0 93 72	#005D48

#2B8C8C #218480 #197C74 #117469 #0B6C5D #056452 #005D48

#2B8C8C - #117469 - #005D48

CSS codes

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

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