#55DF3C - #D5FF75 | 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 #55DF3C to #D5FF75

#55DF3C #D5FF75

Calculate the color between two colors, #55DF3C and #D5FF75. 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)

#55DF3C - #D5FF75 | 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 #55DF3C as 0% and #D5FF75 as 100%.

0.0%	0.0% #55DF3C	RGB 85 223 60	#55DF3C
16.7%	16.7% #6AE445	RGB 106 228 69	#6AE445
33.3%	33.3% #7FE94F	RGB 127 233 79	#7FE94F
50.0%	50.0% #95EF58	RGB 149 239 88	#95EF58
66.7%	66.7% #AAF462	RGB 170 244 98	#AAF462
83.3%	83.3% #BFF96B	RGB 191 249 107	#BFF96B
100.0%	100.0% #D5FF75	RGB 213 255 117	#D5FF75

#55DF3C #6AE445 #7FE94F #95EF58 #AAF462 #BFF96B #D5FF75

#55DF3C - #D5FF75

HSV Blend

#55DF3C - #D5FF75 | 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 #55DF3C as 0% and #D5FF75 as 100%.

0.0%	0.0% #54DF3C	RGB 84 223 60	#54DF3C
16.7%	16.7% #6BE444	RGB 107 228 68	#6BE444
33.3%	33.3% #81E94D	RGB 129 233 77	#81E94D
50.0%	50.0% #97EF56	RGB 151 239 86	#97EF56
66.7%	66.7% #ACF460	RGB 172 244 96	#ACF460
83.3%	83.3% #C1F96A	RGB 193 249 106	#C1F96A
100.0%	100.0% #D5FF75	RGB 213 255 117	#D5FF75

#54DF3C #6BE444 #81E94D #97EF56 #ACF460 #C1F96A #D5FF75

#55DF3C - #97EF56 - #D5FF75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54DF3C 0%, #97EF56 50%, #D5FF75 100%);
    background: -webkit-linear-gradient(top, #54DF3C 0%, #97EF56 50%, #D5FF75 100%);
    background: linear-gradient(to bottom, #54DF3C 0%, #97EF56 50%, #D5FF75 100%);
}
</style>