#9A8AEA - #E2DDF9 | 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 #9A8AEA to #E2DDF9

#9A8AEA #E2DDF9

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

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

0.0%	0.0% #9A8AEA	RGB 154 138 234	#9A8AEA
16.7%	16.7% #A697EC	RGB 166 151 236	#A697EC
33.3%	33.3% #B2A5EF	RGB 178 165 239	#B2A5EF
50.0%	50.0% #BEB3F1	RGB 190 179 241	#BEB3F1
66.7%	66.7% #CAC1F4	RGB 202 193 244	#CAC1F4
83.3%	83.3% #D6CFF6	RGB 214 207 246	#D6CFF6
100.0%	100.0% #E2DDF9	RGB 226 221 249	#E2DDF9

#9A8AEA #A697EC #B2A5EF #BEB3F1 #CAC1F4 #D6CFF6 #E2DDF9

#9A8AEA - #E2DDF9

HSV Blend

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

0.0%	0.0% #998AEA	RGB 153 138 234	#998AEA
16.7%	16.7% #A597EC	RGB 165 151 236	#A597EC
33.3%	33.3% #B1A4EF	RGB 177 164 239	#B1A4EF
50.0%	50.0% #BDB2F1	RGB 189 178 241	#BDB2F1
66.7%	66.7% #C9C0F4	RGB 201 192 244	#C9C0F4
83.3%	83.3% #D5CEF6	RGB 213 206 246	#D5CEF6
100.0%	100.0% #E2DDF9	RGB 226 221 249	#E2DDF9

#998AEA #A597EC #B1A4EF #BDB2F1 #C9C0F4 #D5CEF6 #E2DDF9

#9A8AEA - #BDB2F1 - #E2DDF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #998AEA 0%, #BDB2F1 50%, #E2DDF9 100%);
    background: -webkit-linear-gradient(top, #998AEA 0%, #BDB2F1 50%, #E2DDF9 100%);
    background: linear-gradient(to bottom, #998AEA 0%, #BDB2F1 50%, #E2DDF9 100%);
}
</style>