#8A8B9C - #DDDDE2 | 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 #8A8B9C to #DDDDE2

#8A8B9C #DDDDE2

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

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

0.0%	0.0% #8A8B9C	RGB 138 139 156	#8A8B9C
16.7%	16.7% #9798A7	RGB 151 152 167	#9798A7
33.3%	33.3% #A5A6B3	RGB 165 166 179	#A5A6B3
50.0%	50.0% #B3B4BF	RGB 179 180 191	#B3B4BF
66.7%	66.7% #C1C1CA	RGB 193 193 202	#C1C1CA
83.3%	83.3% #CFCFD6	RGB 207 207 214	#CFCFD6
100.0%	100.0% #DDDDE2	RGB 221 221 226	#DDDDE2

#8A8B9C #9798A7 #A5A6B3 #B3B4BF #C1C1CA #CFCFD6 #DDDDE2

#8A8B9C - #DDDDE2

HSV Blend

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

0.0%	0.0% #8A8B9C	RGB 138 139 156	#8A8B9C
16.7%	16.7% #9697A7	RGB 150 151 167	#9697A7
33.3%	33.3% #A4A4B3	RGB 164 164 179	#A4A4B3
50.0%	50.0% #B1B2BF	RGB 177 178 191	#B1B2BF
66.7%	66.7% #BFC0CA	RGB 191 192 202	#BFC0CA
83.3%	83.3% #CECED6	RGB 206 206 214	#CECED6
100.0%	100.0% #DDDDE2	RGB 221 221 226	#DDDDE2

#8A8B9C #9697A7 #A4A4B3 #B1B2BF #BFC0CA #CECED6 #DDDDE2

#8A8B9C - #B1B2BF - #DDDDE2

CSS codes

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

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