#A8AAC2 - #DAD4C8 | 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 #A8AAC2 to #DAD4C8

#A8AAC2 #DAD4C8

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

#A8AAC2 - #DAD4C8 | 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 #A8AAC2 as 0% and #DAD4C8 as 100%.

0.0%	0.0% #A8AAC2	RGB 168 170 194	#A8AAC2
16.7%	16.7% #B0B1C3	RGB 176 177 195	#B0B1C3
33.3%	33.3% #B8B8C4	RGB 184 184 196	#B8B8C4
50.0%	50.0% #C1BFC5	RGB 193 191 197	#C1BFC5
66.7%	66.7% #C9C6C6	RGB 201 198 198	#C9C6C6
83.3%	83.3% #D1CDC7	RGB 209 205 199	#D1CDC7
100.0%	100.0% #DAD4C8	RGB 218 212 200	#DAD4C8

#A8AAC2 #B0B1C3 #B8B8C4 #C1BFC5 #C9C6C6 #D1CDC7 #DAD4C8

#A8AAC2 - #DAD4C8

HSV Blend

#A8AAC2 - #DAD4C8 | 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 #A8AAC2 as 0% and #DAD4C8 as 100%.

0.0%	0.0% #A8AAC2	RGB 168 170 194	#A8AAC2
16.7%	16.7% #B6ADC6	RGB 182 173 198	#B6ADC6
33.3%	33.3% #C6B2CA	RGB 198 178 202	#C6B2CA
50.0%	50.0% #CEB7C7	RGB 206 183 199	#CEB7C7
66.7%	66.7% #D2BDC2	RGB 210 189 194	#D2BDC2
83.3%	83.3% #D6C6C2	RGB 214 198 194	#D6C6C2
100.0%	100.0% #DAD4C8	RGB 218 212 200	#DAD4C8

#A8AAC2 #B6ADC6 #C6B2CA #CEB7C7 #D2BDC2 #D6C6C2 #DAD4C8

#A8AAC2 - #CEB7C7 - #DAD4C8

CSS codes

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

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