#00392B - #2A8C61 | 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 #00392B to #2A8C61

#00392B #2A8C61

Calculate the color between two colors, #00392B and #2A8C61. 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)

#00392B - #2A8C61 | 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 #00392B as 0% and #2A8C61 as 100%.

0.0%	0.0% #00392B	RGB 0 57 43	#00392B
16.7%	16.7% #074634	RGB 7 70 52	#074634
33.3%	33.3% #0E543D	RGB 14 84 61	#0E543D
50.0%	50.0% #156246	RGB 21 98 70	#156246
66.7%	66.7% #1C704F	RGB 28 112 79	#1C704F
83.3%	83.3% #237E58	RGB 35 126 88	#237E58
100.0%	100.0% #2A8C61	RGB 42 140 97	#2A8C61

#00392B #074634 #0E543D #156246 #1C704F #237E58 #2A8C61

#00392B - #2A8C61

HSV Blend

#00392B - #2A8C61 | 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 #00392B as 0% and #2A8C61 as 100%.

0.0%	0.0% #00392B	RGB 0 57 43	#00392B
16.7%	16.7% #034634	RGB 3 70 52	#034634
33.3%	33.3% #08543D	RGB 8 84 61	#08543D
50.0%	50.0% #0E6245	RGB 14 98 69	#0E6245
66.7%	66.7% #16704E	RGB 22 112 78	#16704E
83.3%	83.3% #1F7E57	RGB 31 126 87	#1F7E57
100.0%	100.0% #2A8C61	RGB 42 140 97	#2A8C61

#00392B #034634 #08543D #0E6245 #16704E #1F7E57 #2A8C61

#00392B - #0E6245 - #2A8C61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00392B 0%, #0E6245 50%, #2A8C61 100%);
    background: -webkit-linear-gradient(top, #00392B 0%, #0E6245 50%, #2A8C61 100%);
    background: linear-gradient(to bottom, #00392B 0%, #0E6245 50%, #2A8C61 100%);
}
</style>