#9C63EB - #E2D2F9 | 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 #9C63EB to #E2D2F9

#9C63EB #E2D2F9

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

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

0.0%	0.0% #9C63EB	RGB 156 99 235	#9C63EB
16.7%	16.7% #A775ED	RGB 167 117 237	#A775ED
33.3%	33.3% #B388EF	RGB 179 136 239	#B388EF
50.0%	50.0% #BF9AF2	RGB 191 154 242	#BF9AF2
66.7%	66.7% #CAADF4	RGB 202 173 244	#CAADF4
83.3%	83.3% #D6BFF6	RGB 214 191 246	#D6BFF6
100.0%	100.0% #E2D2F9	RGB 226 210 249	#E2D2F9

#9C63EB #A775ED #B388EF #BF9AF2 #CAADF4 #D6BFF6 #E2D2F9

#9C63EB - #E2D2F9

HSV Blend

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

0.0%	0.0% #9B63EB	RGB 155 99 235	#9B63EB
16.7%	16.7% #A774ED	RGB 167 116 237	#A774ED
33.3%	33.3% #B286EF	RGB 178 134 239	#B286EF
50.0%	50.0% #BD99F2	RGB 189 153 242	#BD99F2
66.7%	66.7% #C9ABF4	RGB 201 171 244	#C9ABF4
83.3%	83.3% #D5BEF6	RGB 213 190 246	#D5BEF6
100.0%	100.0% #E2D2F9	RGB 226 210 249	#E2D2F9

#9B63EB #A774ED #B286EF #BD99F2 #C9ABF4 #D5BEF6 #E2D2F9

#9C63EB - #BD99F2 - #E2D2F9

CSS codes

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

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