#95CF5E - #4FA21E | 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 #95CF5E to #4FA21E

#95CF5E #4FA21E

Calculate the color between two colors, #95CF5E and #4FA21E. 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)

#95CF5E - #4FA21E | 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 #95CF5E as 0% and #4FA21E as 100%.

0.0%	0.0% #95CF5E	RGB 149 207 94	#95CF5E
16.7%	16.7% #89C753	RGB 137 199 83	#89C753
33.3%	33.3% #7DC048	RGB 125 192 72	#7DC048
50.0%	50.0% #72B83E	RGB 114 184 62	#72B83E
66.7%	66.7% #66B133	RGB 102 177 51	#66B133
83.3%	83.3% #5AA928	RGB 90 169 40	#5AA928
100.0%	100.0% #4FA21E	RGB 79 162 30	#4FA21E

#95CF5E #89C753 #7DC048 #72B83E #66B133 #5AA928 #4FA21E

#95CF5E - #4FA21E

HSV Blend

#95CF5E - #4FA21E | 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 #95CF5E as 0% and #4FA21E as 100%.

0.0%	0.0% #95CF5E	RGB 149 207 94	#95CF5E
16.7%	16.7% #88C751	RGB 136 199 81	#88C751
33.3%	33.3% #7CC045	RGB 124 192 69	#7CC045
50.0%	50.0% #70B83A	RGB 112 184 58	#70B83A
66.7%	66.7% #65B130	RGB 101 177 48	#65B130
83.3%	83.3% #59A926	RGB 89 169 38	#59A926
100.0%	100.0% #4FA21E	RGB 79 162 30	#4FA21E

#95CF5E #88C751 #7CC045 #70B83A #65B130 #59A926 #4FA21E

#95CF5E - #70B83A - #4FA21E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95CF5E 0%, #70B83A 50%, #4FA21E 100%);
    background: -webkit-linear-gradient(top, #95CF5E 0%, #70B83A 50%, #4FA21E 100%);
    background: linear-gradient(to bottom, #95CF5E 0%, #70B83A 50%, #4FA21E 100%);
}
</style>