#A6A6B8 - #DAD1C0 | 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 #A6A6B8 to #DAD1C0

#A6A6B8 #DAD1C0

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

#A6A6B8 - #DAD1C0 | 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 #A6A6B8 as 0% and #DAD1C0 as 100%.

0.0%	0.0% #A6A6B8	RGB 166 166 184	#A6A6B8
16.7%	16.7% #AEADB9	RGB 174 173 185	#AEADB9
33.3%	33.3% #B7B4BA	RGB 183 180 186	#B7B4BA
50.0%	50.0% #C0BBBC	RGB 192 187 188	#C0BBBC
66.7%	66.7% #C8C2BD	RGB 200 194 189	#C8C2BD
83.3%	83.3% #D1C9BE	RGB 209 201 190	#D1C9BE
100.0%	100.0% #DAD1C0	RGB 218 209 192	#DAD1C0

#A6A6B8 #AEADB9 #B7B4BA #C0BBBC #C8C2BD #D1C9BE #DAD1C0

#A6A6B8 - #DAD1C0

HSV Blend

#A6A6B8 - #DAD1C0 | 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 #A6A6B8 as 0% and #DAD1C0 as 100%.

0.0%	0.0% #A6A6B8	RGB 166 166 184	#A6A6B8
16.7%	16.7% #B2AABD	RGB 178 170 189	#B2AABD
33.3%	33.3% #C0AEC3	RGB 192 174 195	#C0AEC3
50.0%	50.0% #C9B3C1	RGB 201 179 193	#C9B3C1
66.7%	66.7% #CEB7BC	RGB 206 183 188	#CEB7BC
83.3%	83.3% #D4C0BB	RGB 212 192 187	#D4C0BB
100.0%	100.0% #DAD1C0	RGB 218 209 192	#DAD1C0

#A6A6B8 #B2AABD #C0AEC3 #C9B3C1 #CEB7BC #D4C0BB #DAD1C0

#A6A6B8 - #C9B3C1 - #DAD1C0

CSS codes

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

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