#9A8CE1 - #B4BEFD | 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 #9A8CE1 to #B4BEFD

#9A8CE1 #B4BEFD

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

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

0.0%	0.0% #9A8CE1	RGB 154 140 225	#9A8CE1
16.7%	16.7% #9E94E5	RGB 158 148 229	#9E94E5
33.3%	33.3% #A29CEA	RGB 162 156 234	#A29CEA
50.0%	50.0% #A7A5EF	RGB 167 165 239	#A7A5EF
66.7%	66.7% #ABADF3	RGB 171 173 243	#ABADF3
83.3%	83.3% #AFB5F8	RGB 175 181 248	#AFB5F8
100.0%	100.0% #B4BEFD	RGB 180 190 253	#B4BEFD

#9A8CE1 #9E94E5 #A29CEA #A7A5EF #ABADF3 #AFB5F8 #B4BEFD

#9A8CE1 - #B4BEFD

HSV Blend

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

0.0%	0.0% #9A8CE1	RGB 154 140 225	#9A8CE1
16.7%	16.7% #9B92E5	RGB 155 146 229	#9B92E5
33.3%	33.3% #9E98EA	RGB 158 152 234	#9E98EA
50.0%	50.0% #A09FEF	RGB 160 159 239	#A09FEF
66.7%	66.7% #A6A8F3	RGB 166 168 243	#A6A8F3
83.3%	83.3% #ACB3F8	RGB 172 179 248	#ACB3F8
100.0%	100.0% #B4BEFD	RGB 180 190 253	#B4BEFD

#9A8CE1 #9B92E5 #9E98EA #A09FEF #A6A8F3 #ACB3F8 #B4BEFD

#9A8CE1 - #A09FEF - #B4BEFD

CSS codes

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

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