#A8B6B0 - #DCBED4 | 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 #A8B6B0 to #DCBED4

#A8B6B0 #DCBED4

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

#A8B6B0 - #DCBED4 | 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 #A8B6B0 as 0% and #DCBED4 as 100%.

0.0%	0.0% #A8B6B0	RGB 168 182 176	#A8B6B0
16.7%	16.7% #B0B7B6	RGB 176 183 182	#B0B7B6
33.3%	33.3% #B9B8BC	RGB 185 184 188	#B9B8BC
50.0%	50.0% #C2BAC2	RGB 194 186 194	#C2BAC2
66.7%	66.7% #CABBC8	RGB 202 187 200	#CABBC8
83.3%	83.3% #D3BCCE	RGB 211 188 206	#D3BCCE
100.0%	100.0% #DCBED4	RGB 220 190 212	#DCBED4

#A8B6B0 #B0B7B6 #B9B8BC #C2BAC2 #CABBC8 #D3BCCE #DCBED4

#A8B6B0 - #DCBED4

HSV Blend

#A8B6B0 - #DCBED4 | 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 #A8B6B0 as 0% and #DCBED4 as 100%.

0.0%	0.0% #A8B6B0	RGB 168 182 176	#A8B6B0
16.7%	16.7% #ABBBBC	RGB 171 187 188	#ABBBBC
33.3%	33.3% #AFB9C2	RGB 175 185 194	#AFB9C2
50.0%	50.0% #B3B5C9	RGB 179 181 201	#B3B5C9
66.7%	66.7% #C0B7CF	RGB 192 183 207	#C0B7CF
83.3%	83.3% #D0BAD5	RGB 208 186 213	#D0BAD5
100.0%	100.0% #DCBED4	RGB 220 190 212	#DCBED4

#A8B6B0 #ABBBBC #AFB9C2 #B3B5C9 #C0B7CF #D0BAD5 #DCBED4

#A8B6B0 - #B3B5C9 - #DCBED4

CSS codes

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

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