#AEADB6 - #DFDDBE | 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 #AEADB6 to #DFDDBE

#AEADB6 #DFDDBE

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

#AEADB6 - #DFDDBE | 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 #AEADB6 as 0% and #DFDDBE as 100%.

0.0%	0.0% #AEADB6	RGB 174 173 182	#AEADB6
16.7%	16.7% #B6B5B7	RGB 182 181 183	#B6B5B7
33.3%	33.3% #BEBDB8	RGB 190 189 184	#BEBDB8
50.0%	50.0% #C6C5BA	RGB 198 197 186	#C6C5BA
66.7%	66.7% #CECDBB	RGB 206 205 187	#CECDBB
83.3%	83.3% #D6D5BC	RGB 214 213 188	#D6D5BC
100.0%	100.0% #DFDDBE	RGB 223 221 190	#DFDDBE

#AEADB6 #B6B5B7 #BEBDB8 #C6C5BA #CECDBB #D6D5BC #DFDDBE

#AEADB6 - #DFDDBE

HSV Blend

#AEADB6 - #DFDDBE | 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 #AEADB6 as 0% and #DFDDBE as 100%.

0.0%	0.0% #AEADB6	RGB 174 173 182	#AEADB6
16.7%	16.7% #B7B0BC	RGB 183 176 188	#B7B0BC
33.3%	33.3% #C3B3C2	RGB 195 179 194	#C3B3C2
50.0%	50.0% #CAB6C0	RGB 202 182 192	#CAB6C0
66.7%	66.7% #D1B9B9	RGB 209 185 185	#D1B9B9
83.3%	83.3% #D8C9BB	RGB 216 201 187	#D8C9BB
100.0%	100.0% #DFDDBE	RGB 223 221 190	#DFDDBE

#AEADB6 #B7B0BC #C3B3C2 #CAB6C0 #D1B9B9 #D8C9BB #DFDDBE

#AEADB6 - #CAB6C0 - #DFDDBE

CSS codes

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

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