#9A8BEB - #F7D5E8 | 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 #9A8BEB to #F7D5E8

#9A8BEB #F7D5E8

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

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

0.0%	0.0% #9A8BEB	RGB 154 139 235	#9A8BEB
16.7%	16.7% #A997EA	RGB 169 151 234	#A997EA
33.3%	33.3% #B9A3EA	RGB 185 163 234	#B9A3EA
50.0%	50.0% #C8B0E9	RGB 200 176 233	#C8B0E9
66.7%	66.7% #D8BCE9	RGB 216 188 233	#D8BCE9
83.3%	83.3% #E7C8E8	RGB 231 200 232	#E7C8E8
100.0%	100.0% #F7D5E8	RGB 247 213 232	#F7D5E8

#9A8BEB #A997EA #B9A3EA #C8B0E9 #D8BCE9 #E7C8E8 #F7D5E8

#9A8BEB - #F7D5E8

HSV Blend

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

0.0%	0.0% #998BEB	RGB 153 139 235	#998BEB
16.7%	16.7% #B696ED	RGB 182 150 237	#B696ED
33.3%	33.3% #CFA2EF	RGB 207 162 239	#CFA2EF
50.0%	50.0% #E3AFF1	RGB 227 175 241	#E3AFF1
66.7%	66.7% #F3BBF2	RGB 243 187 242	#F3BBF2
83.3%	83.3% #F5C8EA	RGB 245 200 234	#F5C8EA
100.0%	100.0% #F7D5E8	RGB 247 213 232	#F7D5E8

#998BEB #B696ED #CFA2EF #E3AFF1 #F3BBF2 #F5C8EA #F7D5E8

#9A8BEB - #E3AFF1 - #F7D5E8

CSS codes

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

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