#AEC2B4 - #C2FFD7 | 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 #AEC2B4 to #C2FFD7

#AEC2B4 #C2FFD7

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

#AEC2B4 - #C2FFD7 | 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 #AEC2B4 as 0% and #C2FFD7 as 100%.

0.0%	0.0% #AEC2B4	RGB 174 194 180	#AEC2B4
16.7%	16.7% #B1CCB9	RGB 177 204 185	#B1CCB9
33.3%	33.3% #B4D6BF	RGB 180 214 191	#B4D6BF
50.0%	50.0% #B8E0C5	RGB 184 224 197	#B8E0C5
66.7%	66.7% #BBEACB	RGB 187 234 203	#BBEACB
83.3%	83.3% #BEF4D1	RGB 190 244 209	#BEF4D1
100.0%	100.0% #C2FFD7	RGB 194 255 215	#C2FFD7

#AEC2B4 #B1CCB9 #B4D6BF #B8E0C5 #BBEACB #BEF4D1 #C2FFD7

#AEC2B4 - #C2FFD7

HSV Blend

#AEC2B4 - #C2FFD7 | 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 #AEC2B4 as 0% and #C2FFD7 as 100%.

0.0%	0.0% #AEC2B4	RGB 174 194 180	#AEC2B4
16.7%	16.7% #B2CCBA	RGB 178 204 186	#B2CCBA
33.3%	33.3% #B6D6C0	RGB 182 214 192	#B6D6C0
50.0%	50.0% #BAE0C6	RGB 186 224 198	#BAE0C6
66.7%	66.7% #BDEACC	RGB 189 234 204	#BDEACC
83.3%	83.3% #BFF4D1	RGB 191 244 209	#BFF4D1
100.0%	100.0% #C2FFD7	RGB 194 255 215	#C2FFD7

#AEC2B4 #B2CCBA #B6D6C0 #BAE0C6 #BDEACC #BFF4D1 #C2FFD7

#AEC2B4 - #BAE0C6 - #C2FFD7

CSS codes

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

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