#8A879B - #DDDCE2 | 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 #8A879B to #DDDCE2

#8A879B #DDDCE2

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

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

0.0%	0.0% #8A879B	RGB 138 135 155	#8A879B
16.7%	16.7% #9795A6	RGB 151 149 166	#9795A6
33.3%	33.3% #A5A3B2	RGB 165 163 178	#A5A3B2
50.0%	50.0% #B3B1BE	RGB 179 177 190	#B3B1BE
66.7%	66.7% #C1BFCA	RGB 193 191 202	#C1BFCA
83.3%	83.3% #CFCDD6	RGB 207 205 214	#CFCDD6
100.0%	100.0% #DDDCE2	RGB 221 220 226	#DDDCE2

#8A879B #9795A6 #A5A3B2 #B3B1BE #C1BFCA #CFCDD6 #DDDCE2

#8A879B - #DDDCE2

HSV Blend

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

0.0%	0.0% #8A879B	RGB 138 135 155	#8A879B
16.7%	16.7% #9794A6	RGB 151 148 166	#9794A6
33.3%	33.3% #A4A1B2	RGB 164 161 178	#A4A1B2
50.0%	50.0% #B2AFBE	RGB 178 175 190	#B2AFBE
66.7%	66.7% #C0BECA	RGB 192 190 202	#C0BECA
83.3%	83.3% #CECCD6	RGB 206 204 214	#CECCD6
100.0%	100.0% #DDDCE2	RGB 221 220 226	#DDDCE2

#8A879B #9794A6 #A4A1B2 #B2AFBE #C0BECA #CECCD6 #DDDCE2

#8A879B - #B2AFBE - #DDDCE2

CSS codes

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

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