#A8B6A8 - #D4BEDC | 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 #A8B6A8 to #D4BEDC

#A8B6A8 #D4BEDC

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

#A8B6A8 - #D4BEDC | 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 #A8B6A8 as 0% and #D4BEDC as 100%.

0.0%	0.0% #A8B6A8	RGB 168 182 168	#A8B6A8
16.7%	16.7% #AFB7B0	RGB 175 183 176	#AFB7B0
33.3%	33.3% #B6B8B9	RGB 182 184 185	#B6B8B9
50.0%	50.0% #BEBAC2	RGB 190 186 194	#BEBAC2
66.7%	66.7% #C5BBCA	RGB 197 187 202	#C5BBCA
83.3%	83.3% #CCBCD3	RGB 204 188 211	#CCBCD3
100.0%	100.0% #D4BEDC	RGB 212 190 220	#D4BEDC

#A8B6A8 #AFB7B0 #B6B8B9 #BEBAC2 #C5BBCA #CCBCD3 #D4BEDC

#A8B6A8 - #D4BEDC

HSV Blend

#A8B6A8 - #D4BEDC | 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 #A8B6A8 as 0% and #D4BEDC as 100%.

0.0%	0.0% #A8B6A8	RGB 168 182 168	#A8B6A8
16.7%	16.7% #ABBCB3	RGB 171 188 179	#ABBCB3
33.3%	33.3% #AFC2C0	RGB 175 194 192	#AFC2C0
50.0%	50.0% #B3C1C9	RGB 179 193 201	#B3C1C9
66.7%	66.7% #B7BBCF	RGB 183 187 207	#B7BBCF
83.3%	83.3% #C2BAD5	RGB 194 186 213	#C2BAD5
100.0%	100.0% #D4BEDC	RGB 212 190 220	#D4BEDC

#A8B6A8 #ABBCB3 #AFC2C0 #B3C1C9 #B7BBCF #C2BAD5 #D4BEDC

#A8B6A8 - #B3C1C9 - #D4BEDC

CSS codes

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

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