#2A8266 - #0C251D | 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 #2A8266 to #0C251D

#2A8266 #0C251D

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

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

0.0%	0.0% #2A8266	RGB 42 130 102	#2A8266
16.7%	16.7% #257259	RGB 37 114 89	#257259
33.3%	33.3% #20634D	RGB 32 99 77	#20634D
50.0%	50.0% #1B5341	RGB 27 83 65	#1B5341
66.7%	66.7% #164435	RGB 22 68 53	#164435
83.3%	83.3% #113429	RGB 17 52 41	#113429
100.0%	100.0% #0C251D	RGB 12 37 29	#0C251D

#2A8266 #257259 #20634D #1B5341 #164435 #113429 #0C251D

#2A8266 - #0C251D

HSV Blend

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

0.0%	0.0% #2A8266	RGB 42 130 102	#2A8266
16.7%	16.7% #257259	RGB 37 114 89	#257259
33.3%	33.3% #20634D	RGB 32 99 77	#20634D
50.0%	50.0% #1B5341	RGB 27 83 65	#1B5341
66.7%	66.7% #164435	RGB 22 68 53	#164435
83.3%	83.3% #113429	RGB 17 52 41	#113429
100.0%	100.0% #0C251D	RGB 12 37 29	#0C251D

#2A8266 #257259 #20634D #1B5341 #164435 #113429 #0C251D

#2A8266 - #1B5341 - #0C251D

CSS codes

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

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