#149600 - #1D331D | 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 #149600 to #1D331D

#149600 #1D331D

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

#149600 - #1D331D | 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 #149600 as 0% and #1D331D as 100%.

0.0%	0.0% #149600	RGB 20 150 0	#149600
16.7%	16.7% #158504	RGB 21 133 4	#158504
33.3%	33.3% #177509	RGB 23 117 9	#177509
50.0%	50.0% #18640E	RGB 24 100 14	#18640E
66.7%	66.7% #1A5413	RGB 26 84 19	#1A5413
83.3%	83.3% #1B4318	RGB 27 67 24	#1B4318
100.0%	100.0% #1D331D	RGB 29 51 29	#1D331D

#149600 #158504 #177509 #18640E #1A5413 #1B4318 #1D331D

#149600 - #1D331D

HSV Blend

#149600 - #1D331D | 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 #149600 as 0% and #1D331D as 100%.

0.0%	0.0% #139600	RGB 19 150 0	#139600
16.7%	16.7% #1A850C	RGB 26 133 12	#1A850C
33.3%	33.3% #1E7516	RGB 30 117 22	#1E7516
50.0%	50.0% #21641C	RGB 33 100 28	#21641C
66.7%	66.7% #22541F	RGB 34 84 31	#22541F
83.3%	83.3% #20431F	RGB 32 67 31	#20431F
100.0%	100.0% #1D331D	RGB 29 51 29	#1D331D

#139600 #1A850C #1E7516 #21641C #22541F #20431F #1D331D

#149600 - #21641C - #1D331D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #139600 0%, #21641C 50%, #1D331D 100%);
    background: -webkit-linear-gradient(top, #139600 0%, #21641C 50%, #1D331D 100%);
    background: linear-gradient(to bottom, #139600 0%, #21641C 50%, #1D331D 100%);
}
</style>