#AEC4C0 - #CBDFBB | 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 #AEC4C0 to #CBDFBB

#AEC4C0 #CBDFBB

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

#AEC4C0 - #CBDFBB | 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 #AEC4C0 as 0% and #CBDFBB as 100%.

0.0%	0.0% #AEC4C0	RGB 174 196 192	#AEC4C0
16.7%	16.7% #B2C8BF	RGB 178 200 191	#B2C8BF
33.3%	33.3% #B7CDBE	RGB 183 205 190	#B7CDBE
50.0%	50.0% #BCD1BD	RGB 188 209 189	#BCD1BD
66.7%	66.7% #C1D6BC	RGB 193 214 188	#C1D6BC
83.3%	83.3% #C6DABB	RGB 198 218 187	#C6DABB
100.0%	100.0% #CBDFBB	RGB 203 223 187	#CBDFBB

#AEC4C0 #B2C8BF #B7CDBE #BCD1BD #C1D6BC #C6DABB #CBDFBB

#AEC4C0 - #CBDFBB

HSV Blend

#AEC4C0 - #CBDFBB | 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 #AEC4C0 as 0% and #CBDFBB as 100%.

0.0%	0.0% #AEC4C0	RGB 174 196 192	#AEC4C0
16.7%	16.7% #B0C8BF	RGB 176 200 191	#B0C8BF
33.3%	33.3% #B2CDBD	RGB 178 205 189	#B2CDBD
50.0%	50.0% #B4D1BA	RGB 180 209 186	#B4D1BA
66.7%	66.7% #B7D6B6	RGB 183 214 182	#B7D6B6
83.3%	83.3% #C0DAB9	RGB 192 218 185	#C0DAB9
100.0%	100.0% #CBDFBB	RGB 203 223 187	#CBDFBB

#AEC4C0 #B0C8BF #B2CDBD #B4D1BA #B7D6B6 #C0DAB9 #CBDFBB

#AEC4C0 - #B4D1BA - #CBDFBB

CSS codes

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

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