#52FF4B - #CCFFCB | 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 #52FF4B to #CCFFCB

#52FF4B #CCFFCB

Calculate the color between two colors, #52FF4B and #CCFFCB. 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)

#52FF4B - #CCFFCB | 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 #52FF4B as 0% and #CCFFCB as 100%.

0.0%	0.0% #52FF4B	RGB 82 255 75	#52FF4B
16.7%	16.7% #66FF60	RGB 102 255 96	#66FF60
33.3%	33.3% #7AFF75	RGB 122 255 117	#7AFF75
50.0%	50.0% #8FFF8B	RGB 143 255 139	#8FFF8B
66.7%	66.7% #A3FFA0	RGB 163 255 160	#A3FFA0
83.3%	83.3% #B7FFB5	RGB 183 255 181	#B7FFB5
100.0%	100.0% #CCFFCB	RGB 204 255 203	#CCFFCB

#52FF4B #66FF60 #7AFF75 #8FFF8B #A3FFA0 #B7FFB5 #CCFFCB

#52FF4B - #CCFFCB

HSV Blend

#52FF4B - #CCFFCB | 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 #52FF4B as 0% and #CCFFCB as 100%.

0.0%	0.0% #52FF4B	RGB 82 255 75	#52FF4B
16.7%	16.7% #65FF60	RGB 101 255 96	#65FF60
33.3%	33.3% #7AFF75	RGB 122 255 117	#7AFF75
50.0%	50.0% #8EFF8B	RGB 142 255 139	#8EFF8B
66.7%	66.7% #A2FFA0	RGB 162 255 160	#A2FFA0
83.3%	83.3% #B7FFB5	RGB 183 255 181	#B7FFB5
100.0%	100.0% #CCFFCB	RGB 204 255 203	#CCFFCB

#52FF4B #65FF60 #7AFF75 #8EFF8B #A2FFA0 #B7FFB5 #CCFFCB

#52FF4B - #8EFF8B - #CCFFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52FF4B 0%, #8EFF8B 50%, #CCFFCB 100%);
    background: -webkit-linear-gradient(top, #52FF4B 0%, #8EFF8B 50%, #CCFFCB 100%);
    background: linear-gradient(to bottom, #52FF4B 0%, #8EFF8B 50%, #CCFFCB 100%);
}
</style>