#AFB5AC - #C4BDDF | 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 #AFB5AC to #C4BDDF

#AFB5AC #C4BDDF

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

#AFB5AC - #C4BDDF | 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 #AFB5AC as 0% and #C4BDDF as 100%.

0.0%	0.0% #AFB5AC	RGB 175 181 172	#AFB5AC
16.7%	16.7% #B2B6B4	RGB 178 182 180	#B2B6B4
33.3%	33.3% #B6B7BD	RGB 182 183 189	#B6B7BD
50.0%	50.0% #B9B9C5	RGB 185 185 197	#B9B9C5
66.7%	66.7% #BDBACE	RGB 189 186 206	#BDBACE
83.3%	83.3% #C0BBD6	RGB 192 187 214	#C0BBD6
100.0%	100.0% #C4BDDF	RGB 196 189 223	#C4BDDF

#AFB5AC #B2B6B4 #B6B7BD #B9B9C5 #BDBACE #C0BBD6 #C4BDDF

#AFB5AC - #C4BDDF

HSV Blend

#AFB5AC - #C4BDDF | 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 #AFB5AC as 0% and #C4BDDF as 100%.

0.0%	0.0% #AFB5AC	RGB 175 181 172	#AFB5AC
16.7%	16.7% #AFBCB0	RGB 175 188 176	#AFBCB0
33.3%	33.3% #B2C3BB	RGB 178 195 187	#B2C3BB
50.0%	50.0% #B5CAC8	RGB 181 202 200	#B5CAC8
66.7%	66.7% #B8C8D1	RGB 184 200 209	#B8C8D1
83.3%	83.3% #BAC1D8	RGB 186 193 216	#BAC1D8
100.0%	100.0% #C4BDDF	RGB 196 189 223	#C4BDDF

#AFB5AC #AFBCB0 #B2C3BB #B5CAC8 #B8C8D1 #BAC1D8 #C4BDDF

#AFB5AC - #B5CAC8 - #C4BDDF

CSS codes

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

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