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

#8A848C #DDDBDE

Calculate the color between two colors, #8A848C 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)

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

0.0%	0.0% #8A848C	RGB 138 132 140	#8A848C
16.7%	16.7% #979299	RGB 151 146 153	#979299
33.3%	33.3% #A5A1A7	RGB 165 161 167	#A5A1A7
50.0%	50.0% #B3AFB5	RGB 179 175 181	#B3AFB5
66.7%	66.7% #C1BEC2	RGB 193 190 194	#C1BEC2
83.3%	83.3% #CFCCD0	RGB 207 204 208	#CFCCD0
100.0%	100.0% #DDDBDE	RGB 221 219 222	#DDDBDE

#8A848C #979299 #A5A1A7 #B3AFB5 #C1BEC2 #CFCCD0 #DDDBDE

#8A848C - #DDDBDE

HSV Blend

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

0.0%	0.0% #8A848C	RGB 138 132 140	#8A848C
16.7%	16.7% #979299	RGB 151 146 153	#979299
33.3%	33.3% #A5A0A7	RGB 165 160 167	#A5A0A7
50.0%	50.0% #B3AEB5	RGB 179 174 181	#B3AEB5
66.7%	66.7% #C0BDC2	RGB 192 189 194	#C0BDC2
83.3%	83.3% #CECCD0	RGB 206 204 208	#CECCD0
100.0%	100.0% #DDDBDE	RGB 221 219 222	#DDDBDE

#8A848C #979299 #A5A0A7 #B3AEB5 #C0BDC2 #CECCD0 #DDDBDE

#8A848C - #B3AEB5 - #DDDBDE

CSS codes

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

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