#00A14D - #B7EEAF | 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 #00A14D to #B7EEAF

#00A14D #B7EEAF

Calculate the color between two colors, #00A14D and #B7EEAF. 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)

#00A14D - #B7EEAF | 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 #00A14D as 0% and #B7EEAF as 100%.

0.0%	0.0% #00A14D	RGB 0 161 77	#00A14D
16.7%	16.7% #1EAD5D	RGB 30 173 93	#1EAD5D
33.3%	33.3% #3DBA6D	RGB 61 186 109	#3DBA6D
50.0%	50.0% #5BC77E	RGB 91 199 126	#5BC77E
66.7%	66.7% #7AD48E	RGB 122 212 142	#7AD48E
83.3%	83.3% #98E19E	RGB 152 225 158	#98E19E
100.0%	100.0% #B7EEAF	RGB 183 238 175	#B7EEAF

#00A14D #1EAD5D #3DBA6D #5BC77E #7AD48E #98E19E #B7EEAF

#00A14D - #B7EEAF

HSV Blend

#00A14D - #B7EEAF | 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 #00A14D as 0% and #B7EEAF as 100%.

0.0%	0.0% #00A14C	RGB 0 161 76	#00A14C
16.7%	16.7% #15AD4E	RGB 21 173 78	#15AD4E
33.3%	33.3% #2DBA54	RGB 45 186 84	#2DBA54
50.0%	50.0% #49C75F	RGB 73 199 95	#49C75F
66.7%	66.7% #68D470	RGB 104 212 112	#68D470
83.3%	83.3% #8CE189	RGB 140 225 137	#8CE189
100.0%	100.0% #B7EEAF	RGB 183 238 175	#B7EEAF

#00A14C #15AD4E #2DBA54 #49C75F #68D470 #8CE189 #B7EEAF

#00A14D - #49C75F - #B7EEAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A14C 0%, #49C75F 50%, #B7EEAF 100%);
    background: -webkit-linear-gradient(top, #00A14C 0%, #49C75F 50%, #B7EEAF 100%);
    background: linear-gradient(to bottom, #00A14C 0%, #49C75F 50%, #B7EEAF 100%);
}
</style>