#9F83EB - #E3DBF9 | 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 #9F83EB to #E3DBF9

#9F83EB #E3DBF9

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

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

0.0%	0.0% #9F83EB	RGB 159 131 235	#9F83EB
16.7%	16.7% #AA91ED	RGB 170 145 237	#AA91ED
33.3%	33.3% #B5A0EF	RGB 181 160 239	#B5A0EF
50.0%	50.0% #C1AFF2	RGB 193 175 242	#C1AFF2
66.7%	66.7% #CCBDF4	RGB 204 189 244	#CCBDF4
83.3%	83.3% #D7CCF6	RGB 215 204 246	#D7CCF6
100.0%	100.0% #E3DBF9	RGB 227 219 249	#E3DBF9

#9F83EB #AA91ED #B5A0EF #C1AFF2 #CCBDF4 #D7CCF6 #E3DBF9

#9F83EB - #E3DBF9

HSV Blend

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

0.0%	0.0% #9E83EB	RGB 158 131 235	#9E83EB
16.7%	16.7% #A991ED	RGB 169 145 237	#A991ED
33.3%	33.3% #B49FEF	RGB 180 159 239	#B49FEF
50.0%	50.0% #C0ADF2	RGB 192 173 242	#C0ADF2
66.7%	66.7% #CBBCF4	RGB 203 188 244	#CBBCF4
83.3%	83.3% #D7CBF6	RGB 215 203 246	#D7CBF6
100.0%	100.0% #E3DBF9	RGB 227 219 249	#E3DBF9

#9E83EB #A991ED #B49FEF #C0ADF2 #CBBCF4 #D7CBF6 #E3DBF9

#9F83EB - #C0ADF2 - #E3DBF9

CSS codes

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

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