#1C5E14 - #31B34B | 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 #1C5E14 to #31B34B

#1C5E14 #31B34B

Calculate the color between two colors, #1C5E14 and #31B34B. 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)

#1C5E14 - #31B34B | 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 #1C5E14 as 0% and #31B34B as 100%.

0.0%	0.0% #1C5E14	RGB 28 94 20	#1C5E14
16.7%	16.7% #1F6C1D	RGB 31 108 29	#1F6C1D
33.3%	33.3% #237A26	RGB 35 122 38	#237A26
50.0%	50.0% #26882F	RGB 38 136 47	#26882F
66.7%	66.7% #2A9638	RGB 42 150 56	#2A9638
83.3%	83.3% #2DA441	RGB 45 164 65	#2DA441
100.0%	100.0% #31B34B	RGB 49 179 75	#31B34B

#1C5E14 #1F6C1D #237A26 #26882F #2A9638 #2DA441 #31B34B

#1C5E14 - #31B34B

HSV Blend

#1C5E14 - #31B34B | 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 #1C5E14 as 0% and #31B34B as 100%.

0.0%	0.0% #1C5E13	RGB 28 94 19	#1C5E13
16.7%	16.7% #1C6C18	RGB 28 108 24	#1C6C18
33.3%	33.3% #1D7A1C	RGB 29 122 28	#1D7A1C
50.0%	50.0% #218825	RGB 33 136 37	#218825
66.7%	66.7% #269631	RGB 38 150 49	#269631
83.3%	83.3% #2BA43D	RGB 43 164 61	#2BA43D
100.0%	100.0% #31B34B	RGB 49 179 75	#31B34B

#1C5E13 #1C6C18 #1D7A1C #218825 #269631 #2BA43D #31B34B

#1C5E14 - #218825 - #31B34B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E13 0%, #218825 50%, #31B34B 100%);
    background: -webkit-linear-gradient(top, #1C5E13 0%, #218825 50%, #31B34B 100%);
    background: linear-gradient(to bottom, #1C5E13 0%, #218825 50%, #31B34B 100%);
}
</style>