#9A85FF - #EBD6FA | 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 #9A85FF to #EBD6FA

#9A85FF #EBD6FA

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

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

0.0%	0.0% #9A85FF	RGB 154 133 255	#9A85FF
16.7%	16.7% #A792FE	RGB 167 146 254	#A792FE
33.3%	33.3% #B5A0FD	RGB 181 160 253	#B5A0FD
50.0%	50.0% #C2ADFC	RGB 194 173 252	#C2ADFC
66.7%	66.7% #D0BBFB	RGB 208 187 251	#D0BBFB
83.3%	83.3% #DDC8FA	RGB 221 200 250	#DDC8FA
100.0%	100.0% #EBD6FA	RGB 235 214 250	#EBD6FA

#9A85FF #A792FE #B5A0FD #C2ADFC #D0BBFB #DDC8FA #EBD6FA

#9A85FF - #EBD6FA

HSV Blend

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

0.0%	0.0% #9985FF	RGB 153 133 255	#9985FF
16.7%	16.7% #AC92FE	RGB 172 146 254	#AC92FE
33.3%	33.3% #BDA0FD	RGB 189 160 253	#BDA0FD
50.0%	50.0% #CBADFC	RGB 203 173 252	#CBADFC
66.7%	66.7% #D8BBFB	RGB 216 187 251	#D8BBFB
83.3%	83.3% #E2C8FA	RGB 226 200 250	#E2C8FA
100.0%	100.0% #EBD6FA	RGB 235 214 250	#EBD6FA

#9985FF #AC92FE #BDA0FD #CBADFC #D8BBFB #E2C8FA #EBD6FA

#9A85FF - #CBADFC - #EBD6FA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9985FF 0%, #CBADFC 50%, #EBD6FA 100%);
    background: -webkit-linear-gradient(top, #9985FF 0%, #CBADFC 50%, #EBD6FA 100%);
    background: linear-gradient(to bottom, #9985FF 0%, #CBADFC 50%, #EBD6FA 100%);
}
</style>