#AFBBC4 - #E6DECF | 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 #AFBBC4 to #E6DECF

#AFBBC4 #E6DECF

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

#AFBBC4 - #E6DECF | 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 #AFBBC4 as 0% and #E6DECF as 100%.

0.0%	0.0% #AFBBC4	RGB 175 187 196	#AFBBC4
16.7%	16.7% #B8C0C5	RGB 184 192 197	#B8C0C5
33.3%	33.3% #C1C6C7	RGB 193 198 199	#C1C6C7
50.0%	50.0% #CACCC9	RGB 202 204 201	#CACCC9
66.7%	66.7% #D3D2CB	RGB 211 210 203	#D3D2CB
83.3%	83.3% #DCD8CD	RGB 220 216 205	#DCD8CD
100.0%	100.0% #E6DECF	RGB 230 222 207	#E6DECF

#AFBBC4 #B8C0C5 #C1C6C7 #CACCC9 #D3D2CB #DCD8CD #E6DECF

#AFBBC4 - #E6DECF

HSV Blend

#AFBBC4 - #E6DECF | 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 #AFBBC4 as 0% and #E6DECF as 100%.

0.0%	0.0% #AFBBC4	RGB 175 187 196	#AFBBC4
16.7%	16.7% #B4C9C8	RGB 180 201 200	#B4C9C8
33.3%	33.3% #B9CFC4	RGB 185 207 196	#B9CFC4
50.0%	50.0% #BED5BF	RGB 190 213 191	#BED5BF
66.7%	66.7% #CDDAC4	RGB 205 218 196	#CDDAC4
83.3%	83.3% #DDE0C9	RGB 221 224 201	#DDE0C9
100.0%	100.0% #E6DECF	RGB 230 222 207	#E6DECF

#AFBBC4 #B4C9C8 #B9CFC4 #BED5BF #CDDAC4 #DDE0C9 #E6DECF

#AFBBC4 - #BED5BF - #E6DECF

CSS codes

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

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