#A8CDB1 - #C7FFED | 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 #A8CDB1 to #C7FFED

#A8CDB1 #C7FFED

Calculate the color between two colors, #A8CDB1 and #C7FFED. 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)

#A8CDB1 - #C7FFED | 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 #A8CDB1 as 0% and #C7FFED as 100%.

0.0%	0.0% #A8CDB1	RGB 168 205 177	#A8CDB1
16.7%	16.7% #ADD5BB	RGB 173 213 187	#ADD5BB
33.3%	33.3% #B2DDC5	RGB 178 221 197	#B2DDC5
50.0%	50.0% #B7E6CF	RGB 183 230 207	#B7E6CF
66.7%	66.7% #BCEED9	RGB 188 238 217	#BCEED9
83.3%	83.3% #C1F6E3	RGB 193 246 227	#C1F6E3
100.0%	100.0% #C7FFED	RGB 199 255 237	#C7FFED

#A8CDB1 #ADD5BB #B2DDC5 #B7E6CF #BCEED9 #C1F6E3 #C7FFED

#A8CDB1 - #C7FFED

HSV Blend

#A8CDB1 - #C7FFED | 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 #A8CDB1 as 0% and #C7FFED as 100%.

0.0%	0.0% #A8CDB1	RGB 168 205 177	#A8CDB1
16.7%	16.7% #ADD5BA	RGB 173 213 186	#ADD5BA
33.3%	33.3% #B2DDC3	RGB 178 221 195	#B2DDC3
50.0%	50.0% #B7E6CD	RGB 183 230 205	#B7E6CD
66.7%	66.7% #BDEED7	RGB 189 238 215	#BDEED7
83.3%	83.3% #C2F6E1	RGB 194 246 225	#C2F6E1
100.0%	100.0% #C7FFED	RGB 199 255 237	#C7FFED

#A8CDB1 #ADD5BA #B2DDC3 #B7E6CD #BDEED7 #C2F6E1 #C7FFED

#A8CDB1 - #B7E6CD - #C7FFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDB1 0%, #B7E6CD 50%, #C7FFED 100%);
    background: -webkit-linear-gradient(top, #A8CDB1 0%, #B7E6CD 50%, #C7FFED 100%);
    background: linear-gradient(to bottom, #A8CDB1 0%, #B7E6CD 50%, #C7FFED 100%);
}
</style>