#8A6B9F - #DDD4E3 | 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 #8A6B9F to #DDD4E3

#8A6B9F #DDD4E3

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

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

0.0%	0.0% #8A6B9F	RGB 138 107 159	#8A6B9F
16.7%	16.7% #977CAA	RGB 151 124 170	#977CAA
33.3%	33.3% #A58EB5	RGB 165 142 181	#A58EB5
50.0%	50.0% #B39FC1	RGB 179 159 193	#B39FC1
66.7%	66.7% #C1B1CC	RGB 193 177 204	#C1B1CC
83.3%	83.3% #CFC2D7	RGB 207 194 215	#CFC2D7
100.0%	100.0% #DDD4E3	RGB 221 212 227	#DDD4E3

#8A6B9F #977CAA #A58EB5 #B39FC1 #C1B1CC #CFC2D7 #DDD4E3

#8A6B9F - #DDD4E3

HSV Blend

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

0.0%	0.0% #8A6B9F	RGB 138 107 159	#8A6B9F
16.7%	16.7% #967AAA	RGB 150 122 170	#967AAA
33.3%	33.3% #A48AB5	RGB 164 138 181	#A48AB5
50.0%	50.0% #B19BC1	RGB 177 155 193	#B19BC1
66.7%	66.7% #BFADCC	RGB 191 173 204	#BFADCC
83.3%	83.3% #CEC0D7	RGB 206 192 215	#CEC0D7
100.0%	100.0% #DDD4E3	RGB 221 212 227	#DDD4E3

#8A6B9F #967AAA #A48AB5 #B19BC1 #BFADCC #CEC0D7 #DDD4E3

#8A6B9F - #B19BC1 - #DDD4E3

CSS codes

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

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