#9A8AFF - #E2DDFF | 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 #9A8AFF to #E2DDFF

#9A8AFF #E2DDFF

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

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

0.0%	0.0% #9A8AFF	RGB 154 138 255	#9A8AFF
16.7%	16.7% #A697FF	RGB 166 151 255	#A697FF
33.3%	33.3% #B2A5FF	RGB 178 165 255	#B2A5FF
50.0%	50.0% #BEB3FF	RGB 190 179 255	#BEB3FF
66.7%	66.7% #CAC1FF	RGB 202 193 255	#CAC1FF
83.3%	83.3% #D6CFFF	RGB 214 207 255	#D6CFFF
100.0%	100.0% #E2DDFF	RGB 226 221 255	#E2DDFF

#9A8AFF #A697FF #B2A5FF #BEB3FF #CAC1FF #D6CFFF #E2DDFF

#9A8AFF - #E2DDFF

HSV Blend

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

0.0%	0.0% #998AFF	RGB 153 138 255	#998AFF
16.7%	16.7% #A697FF	RGB 166 151 255	#A697FF
33.3%	33.3% #B2A5FF	RGB 178 165 255	#B2A5FF
50.0%	50.0% #BEB3FF	RGB 190 179 255	#BEB3FF
66.7%	66.7% #CAC1FF	RGB 202 193 255	#CAC1FF
83.3%	83.3% #D6CFFF	RGB 214 207 255	#D6CFFF
100.0%	100.0% #E2DDFF	RGB 226 221 255	#E2DDFF

#998AFF #A697FF #B2A5FF #BEB3FF #CAC1FF #D6CFFF #E2DDFF

#9A8AFF - #BEB3FF - #E2DDFF

CSS codes

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

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