#55B05E - #CEE8D1 | 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 #55B05E to #CEE8D1

#55B05E #CEE8D1

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

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

0.0%	0.0% #55B05E	RGB 85 176 94	#55B05E
16.7%	16.7% #69B971	RGB 105 185 113	#69B971
33.3%	33.3% #7DC284	RGB 125 194 132	#7DC284
50.0%	50.0% #91CC97	RGB 145 204 151	#91CC97
66.7%	66.7% #A5D5AA	RGB 165 213 170	#A5D5AA
83.3%	83.3% #B9DEBD	RGB 185 222 189	#B9DEBD
100.0%	100.0% #CEE8D1	RGB 206 232 209	#CEE8D1

#55B05E #69B971 #7DC284 #91CC97 #A5D5AA #B9DEBD #CEE8D1

#55B05E - #CEE8D1

HSV Blend

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

0.0%	0.0% #55B05E	RGB 85 176 94	#55B05E
16.7%	16.7% #66B96E	RGB 102 185 110	#66B96E
33.3%	33.3% #78C280	RGB 120 194 128	#78C280
50.0%	50.0% #8BCC92	RGB 139 204 146	#8BCC92
66.7%	66.7% #A0D5A6	RGB 160 213 166	#A0D5A6
83.3%	83.3% #B6DEBB	RGB 182 222 187	#B6DEBB
100.0%	100.0% #CEE8D1	RGB 206 232 209	#CEE8D1

#55B05E #66B96E #78C280 #8BCC92 #A0D5A6 #B6DEBB #CEE8D1

#55B05E - #8BCC92 - #CEE8D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55B05E 0%, #8BCC92 50%, #CEE8D1 100%);
    background: -webkit-linear-gradient(top, #55B05E 0%, #8BCC92 50%, #CEE8D1 100%);
    background: linear-gradient(to bottom, #55B05E 0%, #8BCC92 50%, #CEE8D1 100%);
}
</style>