#8A829C - #DDDBE2 | 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 #8A829C to #DDDBE2

#8A829C #DDDBE2

Calculate the color between two colors, #8A829C and #DDDBE2. 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)

#8A829C - #DDDBE2 | 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 #8A829C as 0% and #DDDBE2 as 100%.

0.0%	0.0% #8A829C	RGB 138 130 156	#8A829C
16.7%	16.7% #9790A7	RGB 151 144 167	#9790A7
33.3%	33.3% #A59FB3	RGB 165 159 179	#A59FB3
50.0%	50.0% #B3AEBF	RGB 179 174 191	#B3AEBF
66.7%	66.7% #C1BDCA	RGB 193 189 202	#C1BDCA
83.3%	83.3% #CFCCD6	RGB 207 204 214	#CFCCD6
100.0%	100.0% #DDDBE2	RGB 221 219 226	#DDDBE2

#8A829C #9790A7 #A59FB3 #B3AEBF #C1BDCA #CFCCD6 #DDDBE2

#8A829C - #DDDBE2

HSV Blend

#8A829C - #DDDBE2 | 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 #8A829C as 0% and #DDDBE2 as 100%.

0.0%	0.0% #8A829C	RGB 138 130 156	#8A829C
16.7%	16.7% #968FA7	RGB 150 143 167	#968FA7
33.3%	33.3% #A49DB3	RGB 164 157 179	#A49DB3
50.0%	50.0% #B1ACBF	RGB 177 172 191	#B1ACBF
66.7%	66.7% #BFBBCA	RGB 191 187 202	#BFBBCA
83.3%	83.3% #CECAD6	RGB 206 202 214	#CECAD6
100.0%	100.0% #DDDBE2	RGB 221 219 226	#DDDBE2

#8A829C #968FA7 #A49DB3 #B1ACBF #BFBBCA #CECAD6 #DDDBE2

#8A829C - #B1ACBF - #DDDBE2

CSS codes

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

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