#B6D6A8 - #4D9F4D | 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 #B6D6A8 to #4D9F4D

#B6D6A8 #4D9F4D

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

#B6D6A8 - #4D9F4D | 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 #B6D6A8 as 0% and #4D9F4D as 100%.

0.0%	0.0% #B6D6A8	RGB 182 214 168	#B6D6A8
16.7%	16.7% #A4CC98	RGB 164 204 152	#A4CC98
33.3%	33.3% #93C389	RGB 147 195 137	#93C389
50.0%	50.0% #81BA7A	RGB 129 186 122	#81BA7A
66.7%	66.7% #70B16B	RGB 112 177 107	#70B16B
83.3%	83.3% #5EA85C	RGB 94 168 92	#5EA85C
100.0%	100.0% #4D9F4D	RGB 77 159 77	#4D9F4D

#B6D6A8 #A4CC98 #93C389 #81BA7A #70B16B #5EA85C #4D9F4D

#B6D6A8 - #4D9F4D

HSV Blend

#B6D6A8 - #4D9F4D | 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 #B6D6A8 as 0% and #4D9F4D as 100%.

0.0%	0.0% #B6D6A8	RGB 182 214 168	#B6D6A8
16.7%	16.7% #A4CC96	RGB 164 204 150	#A4CC96
33.3%	33.3% #92C385	RGB 146 195 133	#92C385
50.0%	50.0% #80BA76	RGB 128 186 118	#80BA76
66.7%	66.7% #6FB167	RGB 111 177 103	#6FB167
83.3%	83.3% #5DA859	RGB 93 168 89	#5DA859
100.0%	100.0% #4D9F4D	RGB 77 159 77	#4D9F4D

#B6D6A8 #A4CC96 #92C385 #80BA76 #6FB167 #5DA859 #4D9F4D

#B6D6A8 - #80BA76 - #4D9F4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6D6A8 0%, #80BA76 50%, #4D9F4D 100%);
    background: -webkit-linear-gradient(top, #B6D6A8 0%, #80BA76 50%, #4D9F4D 100%);
    background: linear-gradient(to bottom, #B6D6A8 0%, #80BA76 50%, #4D9F4D 100%);
}
</style>