#003914 - #237243 | 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 #003914 to #237243

#003914 #237243

Calculate the color between two colors, #003914 and #237243. 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)

#003914 - #237243 | 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 #003914 as 0% and #237243 as 100%.

0.0%	0.0% #003914	RGB 0 57 20	#003914
16.7%	16.7% #05421B	RGB 5 66 27	#05421B
33.3%	33.3% #0B4C23	RGB 11 76 35	#0B4C23
50.0%	50.0% #11552B	RGB 17 85 43	#11552B
66.7%	66.7% #175F33	RGB 23 95 51	#175F33
83.3%	83.3% #1D683B	RGB 29 104 59	#1D683B
100.0%	100.0% #237243	RGB 35 114 67	#237243

#003914 #05421B #0B4C23 #11552B #175F33 #1D683B #237243

#003914 - #237243

HSV Blend

#003914 - #237243 | 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 #003914 as 0% and #237243 as 100%.

0.0%	0.0% #003914	RGB 0 57 20	#003914
16.7%	16.7% #03421A	RGB 3 66 26	#03421A
33.3%	33.3% #074C20	RGB 7 76 32	#074C20
50.0%	50.0% #0D5528	RGB 13 85 40	#0D5528
66.7%	66.7% #135F30	RGB 19 95 48	#135F30
83.3%	83.3% #1A6839	RGB 26 104 57	#1A6839
100.0%	100.0% #237243	RGB 35 114 67	#237243

#003914 #03421A #074C20 #0D5528 #135F30 #1A6839 #237243

#003914 - #0D5528 - #237243

CSS codes

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

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