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

#AFBBC3 #E6DECF

Calculate the color between two colors, #AFBBC3 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)

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

0.0%	0.0% #AFBBC3	RGB 175 187 195	#AFBBC3
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

#AFBBC3 #B8C0C5 #C1C6C7 #CACCC9 #D3D2CB #DCD8CD #E6DECF

#AFBBC3 - #E6DECF

HSV Blend

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

0.0%	0.0% #AFBBC3	RGB 175 187 195	#AFBBC3
16.7%	16.7% #B4C8C7	RGB 180 200 199	#B4C8C7
33.3%	33.3% #B9CEC3	RGB 185 206 195	#B9CEC3
50.0%	50.0% #BED4BF	RGB 190 212 191	#BED4BF
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

#AFBBC3 #B4C8C7 #B9CEC3 #BED4BF #CDDAC4 #DDE0C9 #E6DECF

#AFBBC3 - #BED4BF - #E6DECF

CSS codes

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

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