#9D92D7 - #E2B5FD | 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 #9D92D7 to #E2B5FD

#9D92D7 #E2B5FD

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

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

0.0%	0.0% #9D92D7	RGB 157 146 215	#9D92D7
16.7%	16.7% #A897DD	RGB 168 151 221	#A897DD
33.3%	33.3% #B49DE3	RGB 180 157 227	#B49DE3
50.0%	50.0% #BFA3EA	RGB 191 163 234	#BFA3EA
66.7%	66.7% #CBA9F0	RGB 203 169 240	#CBA9F0
83.3%	83.3% #D6AFF6	RGB 214 175 246	#D6AFF6
100.0%	100.0% #E2B5FD	RGB 226 181 253	#E2B5FD

#9D92D7 #A897DD #B49DE3 #BFA3EA #CBA9F0 #D6AFF6 #E2B5FD

#9D92D7 - #E2B5FD

HSV Blend

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

0.0%	0.0% #9D92D7	RGB 157 146 215	#9D92D7
16.7%	16.7% #A897DD	RGB 168 151 221	#A897DD
33.3%	33.3% #B39DE3	RGB 179 157 227	#B39DE3
50.0%	50.0% #BEA3EA	RGB 190 163 234	#BEA3EA
66.7%	66.7% #CAA9F0	RGB 202 169 240	#CAA9F0
83.3%	83.3% #D6AEF6	RGB 214 174 246	#D6AEF6
100.0%	100.0% #E2B5FD	RGB 226 181 253	#E2B5FD

#9D92D7 #A897DD #B39DE3 #BEA3EA #CAA9F0 #D6AEF6 #E2B5FD

#9D92D7 - #BEA3EA - #E2B5FD

CSS codes

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

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