#8A8290 - #DDDBDF | 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 #8A8290 to #DDDBDF

#8A8290 #DDDBDF

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

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

0.0%	0.0% #8A8290	RGB 138 130 144	#8A8290
16.7%	16.7% #97909D	RGB 151 144 157	#97909D
33.3%	33.3% #A59FAA	RGB 165 159 170	#A59FAA
50.0%	50.0% #B3AEB7	RGB 179 174 183	#B3AEB7
66.7%	66.7% #C1BDC4	RGB 193 189 196	#C1BDC4
83.3%	83.3% #CFCCD1	RGB 207 204 209	#CFCCD1
100.0%	100.0% #DDDBDF	RGB 221 219 223	#DDDBDF

#8A8290 #97909D #A59FAA #B3AEB7 #C1BDC4 #CFCCD1 #DDDBDF

#8A8290 - #DDDBDF

HSV Blend

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

0.0%	0.0% #8A8290	RGB 138 130 144	#8A8290
16.7%	16.7% #978F9D	RGB 151 143 157	#978F9D
33.3%	33.3% #A49EAA	RGB 164 158 170	#A49EAA
50.0%	50.0% #B2ACB7	RGB 178 172 183	#B2ACB7
66.7%	66.7% #C0BBC4	RGB 192 187 196	#C0BBC4
83.3%	83.3% #CECBD1	RGB 206 203 209	#CECBD1
100.0%	100.0% #DDDBDF	RGB 221 219 223	#DDDBDF

#8A8290 #978F9D #A49EAA #B2ACB7 #C0BBC4 #CECBD1 #DDDBDF

#8A8290 - #B2ACB7 - #DDDBDF

CSS codes

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

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