#9C4DFF - #E3CCFF | 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 #9C4DFF to #E3CCFF

#9C4DFF #E3CCFF

Calculate the color between two colors, #9C4DFF and #E3CCFF. 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)

#9C4DFF - #E3CCFF | 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 #9C4DFF as 0% and #E3CCFF as 100%.

0.0%	0.0% #9C4DFF	RGB 156 77 255	#9C4DFF
16.7%	16.7% #A762FF	RGB 167 98 255	#A762FF
33.3%	33.3% #B377FF	RGB 179 119 255	#B377FF
50.0%	50.0% #BF8CFF	RGB 191 140 255	#BF8CFF
66.7%	66.7% #CBA1FF	RGB 203 161 255	#CBA1FF
83.3%	83.3% #D7B6FF	RGB 215 182 255	#D7B6FF
100.0%	100.0% #E3CCFF	RGB 227 204 255	#E3CCFF

#9C4DFF #A762FF #B377FF #BF8CFF #CBA1FF #D7B6FF #E3CCFF

#9C4DFF - #E3CCFF

HSV Blend

#9C4DFF - #E3CCFF | 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 #9C4DFF as 0% and #E3CCFF as 100%.

0.0%	0.0% #9C4DFF	RGB 156 77 255	#9C4DFF
16.7%	16.7% #A762FF	RGB 167 98 255	#A762FF
33.3%	33.3% #B377FF	RGB 179 119 255	#B377FF
50.0%	50.0% #BF8CFF	RGB 191 140 255	#BF8CFF
66.7%	66.7% #CBA1FF	RGB 203 161 255	#CBA1FF
83.3%	83.3% #D7B6FF	RGB 215 182 255	#D7B6FF
100.0%	100.0% #E3CCFF	RGB 227 204 255	#E3CCFF

#9C4DFF #A762FF #B377FF #BF8CFF #CBA1FF #D7B6FF #E3CCFF

#9C4DFF - #BF8CFF - #E3CCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C4DFF 0%, #BF8CFF 50%, #E3CCFF 100%);
    background: -webkit-linear-gradient(top, #9C4DFF 0%, #BF8CFF 50%, #E3CCFF 100%);
    background: linear-gradient(to bottom, #9C4DFF 0%, #BF8CFF 50%, #E3CCFF 100%);
}
</style>