#AEC2B6 - #C2FFDB | 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 #AEC2B6 to #C2FFDB

#AEC2B6 #C2FFDB

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

#AEC2B6 - #C2FFDB | 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 #AEC2B6 as 0% and #C2FFDB as 100%.

0.0%	0.0% #AEC2B6	RGB 174 194 182	#AEC2B6
16.7%	16.7% #B1CCBC	RGB 177 204 188	#B1CCBC
33.3%	33.3% #B4D6C2	RGB 180 214 194	#B4D6C2
50.0%	50.0% #B8E0C8	RGB 184 224 200	#B8E0C8
66.7%	66.7% #BBEACE	RGB 187 234 206	#BBEACE
83.3%	83.3% #BEF4D4	RGB 190 244 212	#BEF4D4
100.0%	100.0% #C2FFDB	RGB 194 255 219	#C2FFDB

#AEC2B6 #B1CCBC #B4D6C2 #B8E0C8 #BBEACE #BEF4D4 #C2FFDB

#AEC2B6 - #C2FFDB

HSV Blend

#AEC2B6 - #C2FFDB | 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 #AEC2B6 as 0% and #C2FFDB as 100%.

0.0%	0.0% #AEC2B6	RGB 174 194 182	#AEC2B6
16.7%	16.7% #B2CCBC	RGB 178 204 188	#B2CCBC
33.3%	33.3% #B6D6C3	RGB 182 214 195	#B6D6C3
50.0%	50.0% #BAE0C9	RGB 186 224 201	#BAE0C9
66.7%	66.7% #BDEACF	RGB 189 234 207	#BDEACF
83.3%	83.3% #BFF4D5	RGB 191 244 213	#BFF4D5
100.0%	100.0% #C2FFDB	RGB 194 255 219	#C2FFDB

#AEC2B6 #B2CCBC #B6D6C3 #BAE0C9 #BDEACF #BFF4D5 #C2FFDB

#AEC2B6 - #BAE0C9 - #C2FFDB

CSS codes

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

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