#9A8CFC - #E2DEFE | 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 #9A8CFC to #E2DEFE

#9A8CFC #E2DEFE

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

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

0.0%	0.0% #9A8CFC	RGB 154 140 252	#9A8CFC
16.7%	16.7% #A699FC	RGB 166 153 252	#A699FC
33.3%	33.3% #B2A7FC	RGB 178 167 252	#B2A7FC
50.0%	50.0% #BEB5FD	RGB 190 181 253	#BEB5FD
66.7%	66.7% #CAC2FD	RGB 202 194 253	#CAC2FD
83.3%	83.3% #D6D0FD	RGB 214 208 253	#D6D0FD
100.0%	100.0% #E2DEFE	RGB 226 222 254	#E2DEFE

#9A8CFC #A699FC #B2A7FC #BEB5FD #CAC2FD #D6D0FD #E2DEFE

#9A8CFC - #E2DEFE

HSV Blend

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

0.0%	0.0% #9A8CFC	RGB 154 140 252	#9A8CFC
16.7%	16.7% #A599FC	RGB 165 153 252	#A599FC
33.3%	33.3% #B1A7FC	RGB 177 167 252	#B1A7FC
50.0%	50.0% #BDB4FD	RGB 189 180 253	#BDB4FD
66.7%	66.7% #C9C2FD	RGB 201 194 253	#C9C2FD
83.3%	83.3% #D5D0FD	RGB 213 208 253	#D5D0FD
100.0%	100.0% #E2DEFE	RGB 226 222 254	#E2DEFE

#9A8CFC #A599FC #B1A7FC #BDB4FD #C9C2FD #D5D0FD #E2DEFE

#9A8CFC - #BDB4FD - #E2DEFE

CSS codes

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

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