#8D4D82 - #DECCDA | 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 #8D4D82 to #DECCDA

#8D4D82 #DECCDA

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

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

0.0%	0.0% #8D4D82	RGB 141 77 130	#8D4D82
16.7%	16.7% #9A6290	RGB 154 98 144	#9A6290
33.3%	33.3% #A8779F	RGB 168 119 159	#A8779F
50.0%	50.0% #B58CAE	RGB 181 140 174	#B58CAE
66.7%	66.7% #C3A1BC	RGB 195 161 188	#C3A1BC
83.3%	83.3% #D0B6CB	RGB 208 182 203	#D0B6CB
100.0%	100.0% #DECCDA	RGB 222 204 218	#DECCDA

#8D4D82 #9A6290 #A8779F #B58CAE #C3A1BC #D0B6CB #DECCDA

#8D4D82 - #DECCDA

HSV Blend

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

0.0%	0.0% #8D4D81	RGB 141 77 129	#8D4D81
16.7%	16.7% #9A5D8F	RGB 154 93 143	#9A5D8F
33.3%	33.3% #A8709D	RGB 168 112 157	#A8709D
50.0%	50.0% #B584AB	RGB 181 132 171	#B584AB
66.7%	66.7% #C39ABA	RGB 195 154 186	#C39ABA
83.3%	83.3% #D0B2CA	RGB 208 178 202	#D0B2CA
100.0%	100.0% #DECCDA	RGB 222 204 218	#DECCDA

#8D4D81 #9A5D8F #A8709D #B584AB #C39ABA #D0B2CA #DECCDA

#8D4D82 - #B584AB - #DECCDA

CSS codes

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

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