#4AFF7B - #CBFFD9 | 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 #4AFF7B to #CBFFD9

#4AFF7B #CBFFD9

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

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

0.0%	0.0% #4AFF7B	RGB 74 255 123	#4AFF7B
16.7%	16.7% #5FFF8A	RGB 95 255 138	#5FFF8A
33.3%	33.3% #75FF9A	RGB 117 255 154	#75FF9A
50.0%	50.0% #8AFFAA	RGB 138 255 170	#8AFFAA
66.7%	66.7% #A0FFB9	RGB 160 255 185	#A0FFB9
83.3%	83.3% #B5FFC9	RGB 181 255 201	#B5FFC9
100.0%	100.0% #CBFFD9	RGB 203 255 217	#CBFFD9

#4AFF7B #5FFF8A #75FF9A #8AFFAA #A0FFB9 #B5FFC9 #CBFFD9

#4AFF7B - #CBFFD9

HSV Blend

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

0.0%	0.0% #49FF7B	RGB 73 255 123	#49FF7B
16.7%	16.7% #5FFF8A	RGB 95 255 138	#5FFF8A
33.3%	33.3% #75FF9A	RGB 117 255 154	#75FF9A
50.0%	50.0% #8AFFA9	RGB 138 255 169	#8AFFA9
66.7%	66.7% #A0FFB9	RGB 160 255 185	#A0FFB9
83.3%	83.3% #B5FFC9	RGB 181 255 201	#B5FFC9
100.0%	100.0% #CBFFD9	RGB 203 255 217	#CBFFD9

#49FF7B #5FFF8A #75FF9A #8AFFA9 #A0FFB9 #B5FFC9 #CBFFD9

#4AFF7B - #8AFFA9 - #CBFFD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49FF7B 0%, #8AFFA9 50%, #CBFFD9 100%);
    background: -webkit-linear-gradient(top, #49FF7B 0%, #8AFFA9 50%, #CBFFD9 100%);
    background: linear-gradient(to bottom, #49FF7B 0%, #8AFFA9 50%, #CBFFD9 100%);
}
</style>