#2DCCA2 - #0C3A2E | 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 #2DCCA2 to #0C3A2E

#2DCCA2 #0C3A2E

Calculate the color between two colors, #2DCCA2 and #0C3A2E. 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)

#2DCCA2 - #0C3A2E | 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 #2DCCA2 as 0% and #0C3A2E as 100%.

0.0%	0.0% #2DCCA2	RGB 45 204 162	#2DCCA2
16.7%	16.7% #27B38E	RGB 39 179 142	#27B38E
33.3%	33.3% #229B7B	RGB 34 155 123	#229B7B
50.0%	50.0% #1C8368	RGB 28 131 104	#1C8368
66.7%	66.7% #176A54	RGB 23 106 84	#176A54
83.3%	83.3% #115241	RGB 17 82 65	#115241
100.0%	100.0% #0C3A2E	RGB 12 58 46	#0C3A2E

#2DCCA2 #27B38E #229B7B #1C8368 #176A54 #115241 #0C3A2E

#2DCCA2 - #0C3A2E

HSV Blend

#2DCCA2 - #0C3A2E | 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 #2DCCA2 as 0% and #0C3A2E as 100%.

0.0%	0.0% #2CCCA2	RGB 44 204 162	#2CCCA2
16.7%	16.7% #27B38E	RGB 39 179 142	#27B38E
33.3%	33.3% #219B7B	RGB 33 155 123	#219B7B
50.0%	50.0% #1C8367	RGB 28 131 103	#1C8367
66.7%	66.7% #166A54	RGB 22 106 84	#166A54
83.3%	83.3% #115241	RGB 17 82 65	#115241
100.0%	100.0% #0C3A2E	RGB 12 58 46	#0C3A2E

#2CCCA2 #27B38E #219B7B #1C8367 #166A54 #115241 #0C3A2E

#2DCCA2 - #1C8367 - #0C3A2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CCCA2 0%, #1C8367 50%, #0C3A2E 100%);
    background: -webkit-linear-gradient(top, #2CCCA2 0%, #1C8367 50%, #0C3A2E 100%);
    background: linear-gradient(to bottom, #2CCCA2 0%, #1C8367 50%, #0C3A2E 100%);
}
</style>