#2D4A2D - #0C150C | 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 #2D4A2D to #0C150C

#2D4A2D #0C150C

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

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

0.0%	0.0% #2D4A2D	RGB 45 74 45	#2D4A2D
16.7%	16.7% #274127	RGB 39 65 39	#274127
33.3%	33.3% #223822	RGB 34 56 34	#223822
50.0%	50.0% #1C2F1C	RGB 28 47 28	#1C2F1C
66.7%	66.7% #172617	RGB 23 38 23	#172617
83.3%	83.3% #111D11	RGB 17 29 17	#111D11
100.0%	100.0% #0C150C	RGB 12 21 12	#0C150C

#2D4A2D #274127 #223822 #1C2F1C #172617 #111D11 #0C150C

#2D4A2D - #0C150C

HSV Blend

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

0.0%	0.0% #2D4A2D	RGB 45 74 45	#2D4A2D
16.7%	16.7% #274127	RGB 39 65 39	#274127
33.3%	33.3% #213821	RGB 33 56 33	#213821
50.0%	50.0% #1C2F1C	RGB 28 47 28	#1C2F1C
66.7%	66.7% #162616	RGB 22 38 22	#162616
83.3%	83.3% #111D11	RGB 17 29 17	#111D11
100.0%	100.0% #0C150C	RGB 12 21 12	#0C150C

#2D4A2D #274127 #213821 #1C2F1C #162616 #111D11 #0C150C

#2D4A2D - #1C2F1C - #0C150C

CSS codes

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

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