#A8AEC5 - #DCD7CC | 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 #A8AEC5 to #DCD7CC

#A8AEC5 #DCD7CC

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

#A8AEC5 - #DCD7CC | 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 #A8AEC5 as 0% and #DCD7CC as 100%.

0.0%	0.0% #A8AEC5	RGB 168 174 197	#A8AEC5
16.7%	16.7% #B0B4C6	RGB 176 180 198	#B0B4C6
33.3%	33.3% #B9BBC7	RGB 185 187 199	#B9BBC7
50.0%	50.0% #C2C2C8	RGB 194 194 200	#C2C2C8
66.7%	66.7% #CAC9C9	RGB 202 201 201	#CAC9C9
83.3%	83.3% #D3D0CA	RGB 211 208 202	#D3D0CA
100.0%	100.0% #DCD7CC	RGB 220 215 204	#DCD7CC

#A8AEC5 #B0B4C6 #B9BBC7 #C2C2C8 #CAC9C9 #D3D0CA #DCD7CC

#A8AEC5 - #DCD7CC

HSV Blend

#A8AEC5 - #DCD7CC | 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 #A8AEC5 as 0% and #DCD7CC as 100%.

0.0%	0.0% #A8AEC5	RGB 168 174 197	#A8AEC5
16.7%	16.7% #B5ADC8	RGB 181 173 200	#B5ADC8
33.3%	33.3% #C6B3CC	RGB 198 179 204	#C6B3CC
50.0%	50.0% #D0B9CA	RGB 208 185 202	#D0B9CA
66.7%	66.7% #D4BFC5	RGB 212 191 197	#D4BFC5
83.3%	83.3% #D8C9C5	RGB 216 201 197	#D8C9C5
100.0%	100.0% #DCD7CC	RGB 220 215 204	#DCD7CC

#A8AEC5 #B5ADC8 #C6B3CC #D0B9CA #D4BFC5 #D8C9C5 #DCD7CC

#A8AEC5 - #D0B9CA - #DCD7CC

CSS codes

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

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