#8C4FC1 - #DECCED | 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 #8C4FC1 to #DECCED

#8C4FC1 #DECCED

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

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

0.0%	0.0% #8C4FC1	RGB 140 79 193	#8C4FC1
16.7%	16.7% #9963C8	RGB 153 99 200	#9963C8
33.3%	33.3% #A778CF	RGB 167 120 207	#A778CF
50.0%	50.0% #B58DD7	RGB 181 141 215	#B58DD7
66.7%	66.7% #C2A2DE	RGB 194 162 222	#C2A2DE
83.3%	83.3% #D0B7E5	RGB 208 183 229	#D0B7E5
100.0%	100.0% #DECCED	RGB 222 204 237	#DECCED

#8C4FC1 #9963C8 #A778CF #B58DD7 #C2A2DE #D0B7E5 #DECCED

#8C4FC1 - #DECCED

HSV Blend

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

0.0%	0.0% #8B4EC1	RGB 139 78 193	#8B4EC1
16.7%	16.7% #9861C8	RGB 152 97 200	#9861C8
33.3%	33.3% #A574CF	RGB 165 116 207	#A574CF
50.0%	50.0% #B288D7	RGB 178 136 215	#B288D7
66.7%	66.7% #C09DDE	RGB 192 157 222	#C09DDE
83.3%	83.3% #CFB4E5	RGB 207 180 229	#CFB4E5
100.0%	100.0% #DECCED	RGB 222 204 237	#DECCED

#8B4EC1 #9861C8 #A574CF #B288D7 #C09DDE #CFB4E5 #DECCED

#8C4FC1 - #B288D7 - #DECCED

CSS codes

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

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