#217623 - #0C2D1E | 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 #217623 to #0C2D1E

#217623 #0C2D1E

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

#217623 - #0C2D1E | 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 #217623 as 0% and #0C2D1E as 100%.

0.0%	0.0% #217623	RGB 33 118 35	#217623
16.7%	16.7% #1D6922	RGB 29 105 34	#1D6922
33.3%	33.3% #1A5D21	RGB 26 93 33	#1A5D21
50.0%	50.0% #165120	RGB 22 81 32	#165120
66.7%	66.7% #13451F	RGB 19 69 31	#13451F
83.3%	83.3% #0F391E	RGB 15 57 30	#0F391E
100.0%	100.0% #0C2D1E	RGB 12 45 30	#0C2D1E

#217623 #1D6922 #1A5D21 #165120 #13451F #0F391E #0C2D1E

#217623 - #0C2D1E

HSV Blend

#217623 - #0C2D1E | 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 #217623 as 0% and #0C2D1E as 100%.

0.0%	0.0% #217623	RGB 33 118 35	#217623
16.7%	16.7% #1D6925	RGB 29 105 37	#1D6925
33.3%	33.3% #195D27	RGB 25 93 39	#195D27
50.0%	50.0% #165127	RGB 22 81 39	#165127
66.7%	66.7% #124525	RGB 18 69 37	#124525
83.3%	83.3% #0F3922	RGB 15 57 34	#0F3922
100.0%	100.0% #0C2D1E	RGB 12 45 30	#0C2D1E

#217623 #1D6925 #195D27 #165127 #124525 #0F3922 #0C2D1E

#217623 - #165127 - #0C2D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #217623 0%, #165127 50%, #0C2D1E 100%);
    background: -webkit-linear-gradient(top, #217623 0%, #165127 50%, #0C2D1E 100%);
    background: linear-gradient(to bottom, #217623 0%, #165127 50%, #0C2D1E 100%);
}
</style>