#4BCD3C - #CAF0C7 | 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 #4BCD3C to #CAF0C7

#4BCD3C #CAF0C7

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

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

0.0%	0.0% #4BCD3C	RGB 75 205 60	#4BCD3C
16.7%	16.7% #60D253	RGB 96 210 83	#60D253
33.3%	33.3% #75D86A	RGB 117 216 106	#75D86A
50.0%	50.0% #8ADE81	RGB 138 222 129	#8ADE81
66.7%	66.7% #9FE498	RGB 159 228 152	#9FE498
83.3%	83.3% #B4EAAF	RGB 180 234 175	#B4EAAF
100.0%	100.0% #CAF0C7	RGB 202 240 199	#CAF0C7

#4BCD3C #60D253 #75D86A #8ADE81 #9FE498 #B4EAAF #CAF0C7

#4BCD3C - #CAF0C7

HSV Blend

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

0.0%	0.0% #4BCD3C	RGB 75 205 60	#4BCD3C
16.7%	16.7% #5DD250	RGB 93 210 80	#5DD250
33.3%	33.3% #70D866	RGB 112 216 102	#70D866
50.0%	50.0% #85DE7C	RGB 133 222 124	#85DE7C
66.7%	66.7% #9BE494	RGB 155 228 148	#9BE494
83.3%	83.3% #B1EAAD	RGB 177 234 173	#B1EAAD
100.0%	100.0% #CAF0C7	RGB 202 240 199	#CAF0C7

#4BCD3C #5DD250 #70D866 #85DE7C #9BE494 #B1EAAD #CAF0C7

#4BCD3C - #85DE7C - #CAF0C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4BCD3C 0%, #85DE7C 50%, #CAF0C7 100%);
    background: -webkit-linear-gradient(top, #4BCD3C 0%, #85DE7C 50%, #CAF0C7 100%);
    background: linear-gradient(to bottom, #4BCD3C 0%, #85DE7C 50%, #CAF0C7 100%);
}
</style>