#A8CCB9 - #C2FFEC | 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 #A8CCB9 to #C2FFEC

#A8CCB9 #C2FFEC

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

#A8CCB9 - #C2FFEC | 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 #A8CCB9 as 0% and #C2FFEC as 100%.

0.0%	0.0% #A8CCB9	RGB 168 204 185	#A8CCB9
16.7%	16.7% #ACD4C1	RGB 172 212 193	#ACD4C1
33.3%	33.3% #B0DDCA	RGB 176 221 202	#B0DDCA
50.0%	50.0% #B5E5D2	RGB 181 229 210	#B5E5D2
66.7%	66.7% #B9EEDB	RGB 185 238 219	#B9EEDB
83.3%	83.3% #BDF6E3	RGB 189 246 227	#BDF6E3
100.0%	100.0% #C2FFEC	RGB 194 255 236	#C2FFEC

#A8CCB9 #ACD4C1 #B0DDCA #B5E5D2 #B9EEDB #BDF6E3 #C2FFEC

#A8CCB9 - #C2FFEC

HSV Blend

#A8CCB9 - #C2FFEC | 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 #A8CCB9 as 0% and #C2FFEC as 100%.

0.0%	0.0% #A8CCB9	RGB 168 204 185	#A8CCB9
16.7%	16.7% #ACD4C0	RGB 172 212 192	#ACD4C0
33.3%	33.3% #B1DDC9	RGB 177 221 201	#B1DDC9
50.0%	50.0% #B5E5D1	RGB 181 229 209	#B5E5D1
66.7%	66.7% #BAEEDA	RGB 186 238 218	#BAEEDA
83.3%	83.3% #BEF6E2	RGB 190 246 226	#BEF6E2
100.0%	100.0% #C2FFEC	RGB 194 255 236	#C2FFEC

#A8CCB9 #ACD4C0 #B1DDC9 #B5E5D1 #BAEEDA #BEF6E2 #C2FFEC

#A8CCB9 - #B5E5D1 - #C2FFEC

CSS codes

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

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