#9F9ADB - #E3E2F4 | 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 #9F9ADB to #E3E2F4

#9F9ADB #E3E2F4

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

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

0.0%	0.0% #9F9ADB	RGB 159 154 219	#9F9ADB
16.7%	16.7% #AAA6DF	RGB 170 166 223	#AAA6DF
33.3%	33.3% #B5B2E3	RGB 181 178 227	#B5B2E3
50.0%	50.0% #C1BEE7	RGB 193 190 231	#C1BEE7
66.7%	66.7% #CCCAEB	RGB 204 202 235	#CCCAEB
83.3%	83.3% #D7D6EF	RGB 215 214 239	#D7D6EF
100.0%	100.0% #E3E2F4	RGB 227 226 244	#E3E2F4

#9F9ADB #AAA6DF #B5B2E3 #C1BEE7 #CCCAEB #D7D6EF #E3E2F4

#9F9ADB - #E3E2F4

HSV Blend

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

0.0%	0.0% #9F9ADB	RGB 159 154 219	#9F9ADB
16.7%	16.7% #A9A5DF	RGB 169 165 223	#A9A5DF
33.3%	33.3% #B4B0E3	RGB 180 176 227	#B4B0E3
50.0%	50.0% #BFBCE7	RGB 191 188 231	#BFBCE7
66.7%	66.7% #CAC8EB	RGB 202 200 235	#CAC8EB
83.3%	83.3% #D6D5EF	RGB 214 213 239	#D6D5EF
100.0%	100.0% #E3E2F4	RGB 227 226 244	#E3E2F4

#9F9ADB #A9A5DF #B4B0E3 #BFBCE7 #CAC8EB #D6D5EF #E3E2F4

#9F9ADB - #BFBCE7 - #E3E2F4

CSS codes

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

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