#9F83FF - #E4DBFF | 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 #9F83FF to #E4DBFF

#9F83FF #E4DBFF

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

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

0.0%	0.0% #9F83FF	RGB 159 131 255	#9F83FF
16.7%	16.7% #AA91FF	RGB 170 145 255	#AA91FF
33.3%	33.3% #B6A0FF	RGB 182 160 255	#B6A0FF
50.0%	50.0% #C1AFFF	RGB 193 175 255	#C1AFFF
66.7%	66.7% #CDBDFF	RGB 205 189 255	#CDBDFF
83.3%	83.3% #D8CCFF	RGB 216 204 255	#D8CCFF
100.0%	100.0% #E4DBFF	RGB 228 219 255	#E4DBFF

#9F83FF #AA91FF #B6A0FF #C1AFFF #CDBDFF #D8CCFF #E4DBFF

#9F83FF - #E4DBFF

HSV Blend

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

0.0%	0.0% #9E83FF	RGB 158 131 255	#9E83FF
16.7%	16.7% #AA91FF	RGB 170 145 255	#AA91FF
33.3%	33.3% #B6A0FF	RGB 182 160 255	#B6A0FF
50.0%	50.0% #C2AFFF	RGB 194 175 255	#C2AFFF
66.7%	66.7% #CDBDFF	RGB 205 189 255	#CDBDFF
83.3%	83.3% #D8CCFF	RGB 216 204 255	#D8CCFF
100.0%	100.0% #E4DBFF	RGB 228 219 255	#E4DBFF

#9E83FF #AA91FF #B6A0FF #C2AFFF #CDBDFF #D8CCFF #E4DBFF

#9F83FF - #C2AFFF - #E4DBFF

CSS codes

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

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