#8D4F9C - #DECCE2 | 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 #8D4F9C to #DECCE2

#8D4F9C #DECCE2

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

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

0.0%	0.0% #8D4F9C	RGB 141 79 156	#8D4F9C
16.7%	16.7% #9A63A7	RGB 154 99 167	#9A63A7
33.3%	33.3% #A878B3	RGB 168 120 179	#A878B3
50.0%	50.0% #B58DBF	RGB 181 141 191	#B58DBF
66.7%	66.7% #C3A2CA	RGB 195 162 202	#C3A2CA
83.3%	83.3% #D0B7D6	RGB 208 183 214	#D0B7D6
100.0%	100.0% #DECCE2	RGB 222 204 226	#DECCE2

#8D4F9C #9A63A7 #A878B3 #B58DBF #C3A2CA #D0B7D6 #DECCE2

#8D4F9C - #DECCE2

HSV Blend

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

0.0%	0.0% #8D4F9C	RGB 141 79 156	#8D4F9C
16.7%	16.7% #995FA7	RGB 153 95 167	#995FA7
33.3%	33.3% #A672B3	RGB 166 114 179	#A672B3
50.0%	50.0% #B486BF	RGB 180 134 191	#B486BF
66.7%	66.7% #C29CCA	RGB 194 156 202	#C29CCA
83.3%	83.3% #CFB3D6	RGB 207 179 214	#CFB3D6
100.0%	100.0% #DECCE2	RGB 222 204 226	#DECCE2

#8D4F9C #995FA7 #A672B3 #B486BF #C29CCA #CFB3D6 #DECCE2

#8D4F9C - #B486BF - #DECCE2

CSS codes

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

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