#46FF5E - #14481A | 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 #46FF5E to #14481A

#46FF5E #14481A

Calculate the color between two colors, #46FF5E and #14481A. 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)

#46FF5E - #14481A | 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 #46FF5E as 0% and #14481A as 100%.

0.0%	0.0% #46FF5E	RGB 70 255 94	#46FF5E
16.7%	16.7% #3DE052	RGB 61 224 82	#3DE052
33.3%	33.3% #35C247	RGB 53 194 71	#35C247
50.0%	50.0% #2DA33C	RGB 45 163 60	#2DA33C
66.7%	66.7% #248430	RGB 36 132 48	#248430
83.3%	83.3% #1C6625	RGB 28 102 37	#1C6625
100.0%	100.0% #14481A	RGB 20 72 26	#14481A

#46FF5E #3DE052 #35C247 #2DA33C #248430 #1C6625 #14481A

#46FF5E - #14481A

HSV Blend

#46FF5E - #14481A | 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 #46FF5E as 0% and #14481A as 100%.

0.0%	0.0% #45FF5E	RGB 69 255 94	#45FF5E
16.7%	16.7% #3DE052	RGB 61 224 82	#3DE052
33.3%	33.3% #35C247	RGB 53 194 71	#35C247
50.0%	50.0% #2DA33B	RGB 45 163 59	#2DA33B
66.7%	66.7% #248430	RGB 36 132 48	#248430
83.3%	83.3% #1C6625	RGB 28 102 37	#1C6625
100.0%	100.0% #14481A	RGB 20 72 26	#14481A

#45FF5E #3DE052 #35C247 #2DA33B #248430 #1C6625 #14481A

#46FF5E - #2DA33B - #14481A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45FF5E 0%, #2DA33B 50%, #14481A 100%);
    background: -webkit-linear-gradient(top, #45FF5E 0%, #2DA33B 50%, #14481A 100%);
    background: linear-gradient(to bottom, #45FF5E 0%, #2DA33B 50%, #14481A 100%);
}
</style>