#A8CBD8 - #C2E3C0 | 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 #A8CBD8 to #C2E3C0

#A8CBD8 #C2E3C0

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

#A8CBD8 - #C2E3C0 | 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 #A8CBD8 as 0% and #C2E3C0 as 100%.

0.0%	0.0% #A8CBD8	RGB 168 203 216	#A8CBD8
16.7%	16.7% #ACCFD4	RGB 172 207 212	#ACCFD4
33.3%	33.3% #B0D3D0	RGB 176 211 208	#B0D3D0
50.0%	50.0% #B5D7CC	RGB 181 215 204	#B5D7CC
66.7%	66.7% #B9DBC8	RGB 185 219 200	#B9DBC8
83.3%	83.3% #BDDFC4	RGB 189 223 196	#BDDFC4
100.0%	100.0% #C2E3C0	RGB 194 227 192	#C2E3C0

#A8CBD8 #ACCFD4 #B0D3D0 #B5D7CC #B9DBC8 #BDDFC4 #C2E3C0

#A8CBD8 - #C2E3C0

HSV Blend

#A8CBD8 - #C2E3C0 | 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 #A8CBD8 as 0% and #C2E3C0 as 100%.

0.0%	0.0% #A8CBD8	RGB 168 203 216	#A8CBD8
16.7%	16.7% #ABD7D9	RGB 171 215 217	#ABD7D9
33.3%	33.3% #AFDBD4	RGB 175 219 212	#AFDBD4
50.0%	50.0% #B3DDCD	RGB 179 221 205	#B3DDCD
66.7%	66.7% #B7DFC7	RGB 183 223 199	#B7DFC7
83.3%	83.3% #BBE1C2	RGB 187 225 194	#BBE1C2
100.0%	100.0% #C2E3C0	RGB 194 227 192	#C2E3C0

#A8CBD8 #ABD7D9 #AFDBD4 #B3DDCD #B7DFC7 #BBE1C2 #C2E3C0

#A8CBD8 - #B3DDCD - #C2E3C0

CSS codes

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

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