#A8AFC6 - #E3E2CF | 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 #A8AFC6 to #E3E2CF

#A8AFC6 #E3E2CF

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

#A8AFC6 - #E3E2CF | 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 #A8AFC6 as 0% and #E3E2CF as 100%.

0.0%	0.0% #A8AFC6	RGB 168 175 198	#A8AFC6
16.7%	16.7% #B1B7C7	RGB 177 183 199	#B1B7C7
33.3%	33.3% #BBC0C9	RGB 187 192 201	#BBC0C9
50.0%	50.0% #C5C8CA	RGB 197 200 202	#C5C8CA
66.7%	66.7% #CFD1CC	RGB 207 209 204	#CFD1CC
83.3%	83.3% #D9D9CD	RGB 217 217 205	#D9D9CD
100.0%	100.0% #E3E2CF	RGB 227 226 207	#E3E2CF

#A8AFC6 #B1B7C7 #BBC0C9 #C5C8CA #CFD1CC #D9D9CD #E3E2CF

#A8AFC6 - #E3E2CF

HSV Blend

#A8AFC6 - #E3E2CF | 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 #A8AFC6 as 0% and #E3E2CF as 100%.

0.0%	0.0% #A8AFC6	RGB 168 175 198	#A8AFC6
16.7%	16.7% #AEC2CA	RGB 174 194 202	#AEC2CA
33.3%	33.3% #B4CFCB	RGB 180 207 203	#B4CFCB
50.0%	50.0% #BBD4C4	RGB 187 212 196	#BBD4C4
66.7%	66.7% #C4D9C1	RGB 196 217 193	#C4D9C1
83.3%	83.3% #D4DEC8	RGB 212 222 200	#D4DEC8
100.0%	100.0% #E3E2CF	RGB 227 226 207	#E3E2CF

#A8AFC6 #AEC2CA #B4CFCB #BBD4C4 #C4D9C1 #D4DEC8 #E3E2CF

#A8AFC6 - #BBD4C4 - #E3E2CF

CSS codes

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

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