#013918 - #38864E | 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 #013918 to #38864E

#013918 #38864E

Calculate the color between two colors, #013918 and #38864E. 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)

#013918 - #38864E | 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 #013918 as 0% and #38864E as 100%.

0.0%	0.0% #013918	RGB 1 57 24	#013918
16.7%	16.7% #0A4521	RGB 10 69 33	#0A4521
33.3%	33.3% #13522A	RGB 19 82 42	#13522A
50.0%	50.0% #1C5F33	RGB 28 95 51	#1C5F33
66.7%	66.7% #256C3C	RGB 37 108 60	#256C3C
83.3%	83.3% #2E7945	RGB 46 121 69	#2E7945
100.0%	100.0% #38864E	RGB 56 134 78	#38864E

#013918 #0A4521 #13522A #1C5F33 #256C3C #2E7945 #38864E

#013918 - #38864E

HSV Blend

#013918 - #38864E | 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 #013918 as 0% and #38864E as 100%.

0.0%	0.0% #003917	RGB 0 57 23	#003917
16.7%	16.7% #05451E	RGB 5 69 30	#05451E
33.3%	33.3% #0C5226	RGB 12 82 38	#0C5226
50.0%	50.0% #145F2E	RGB 20 95 46	#145F2E
66.7%	66.7% #1E6C38	RGB 30 108 56	#1E6C38
83.3%	83.3% #2A7942	RGB 42 121 66	#2A7942
100.0%	100.0% #38864E	RGB 56 134 78	#38864E

#003917 #05451E #0C5226 #145F2E #1E6C38 #2A7942 #38864E

#013918 - #145F2E - #38864E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003917 0%, #145F2E 50%, #38864E 100%);
    background: -webkit-linear-gradient(top, #003917 0%, #145F2E 50%, #38864E 100%);
    background: linear-gradient(to bottom, #003917 0%, #145F2E 50%, #38864E 100%);
}
</style>