#8A828C - #DDDBDE | 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 #8A828C to #DDDBDE

#8A828C #DDDBDE

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

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

0.0%	0.0% #8A828C	RGB 138 130 140	#8A828C
16.7%	16.7% #979099	RGB 151 144 153	#979099
33.3%	33.3% #A59FA7	RGB 165 159 167	#A59FA7
50.0%	50.0% #B3AEB5	RGB 179 174 181	#B3AEB5
66.7%	66.7% #C1BDC2	RGB 193 189 194	#C1BDC2
83.3%	83.3% #CFCCD0	RGB 207 204 208	#CFCCD0
100.0%	100.0% #DDDBDE	RGB 221 219 222	#DDDBDE

#8A828C #979099 #A59FA7 #B3AEB5 #C1BDC2 #CFCCD0 #DDDBDE

#8A828C - #DDDBDE

HSV Blend

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

0.0%	0.0% #8A828C	RGB 138 130 140	#8A828C
16.7%	16.7% #979099	RGB 151 144 153	#979099
33.3%	33.3% #A59EA7	RGB 165 158 167	#A59EA7
50.0%	50.0% #B2ADB5	RGB 178 173 181	#B2ADB5
66.7%	66.7% #C0BCC2	RGB 192 188 194	#C0BCC2
83.3%	83.3% #CECBD0	RGB 206 203 208	#CECBD0
100.0%	100.0% #DDDBDE	RGB 221 219 222	#DDDBDE

#8A828C #979099 #A59EA7 #B2ADB5 #C0BCC2 #CECBD0 #DDDBDE

#8A828C - #B2ADB5 - #DDDBDE

CSS codes

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

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