#9F5AC6 - #FF7EEB | 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 #9F5AC6 to #FF7EEB

#9F5AC6 #FF7EEB

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

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

0.0%	0.0% #9F5AC6	RGB 159 90 198	#9F5AC6
16.7%	16.7% #AF60CC	RGB 175 96 204	#AF60CC
33.3%	33.3% #BF66D2	RGB 191 102 210	#BF66D2
50.0%	50.0% #CF6CD8	RGB 207 108 216	#CF6CD8
66.7%	66.7% #DF72DE	RGB 223 114 222	#DF72DE
83.3%	83.3% #EF78E4	RGB 239 120 228	#EF78E4
100.0%	100.0% #FF7EEB	RGB 255 126 235	#FF7EEB

#9F5AC6 #AF60CC #BF66D2 #CF6CD8 #DF72DE #EF78E4 #FF7EEB

#9F5AC6 - #FF7EEB

HSV Blend

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

0.0%	0.0% #9E5AC6	RGB 158 90 198	#9E5AC6
16.7%	16.7% #B05FCF	RGB 176 95 207	#B05FCF
33.3%	33.3% #C365D9	RGB 195 101 217	#C365D9
50.0%	50.0% #D66BE2	RGB 214 107 226	#D66BE2
66.7%	66.7% #E971EC	RGB 233 113 236	#E971EC
83.3%	83.3% #F577EC	RGB 245 119 236	#F577EC
100.0%	100.0% #FF7EEB	RGB 255 126 235	#FF7EEB

#9E5AC6 #B05FCF #C365D9 #D66BE2 #E971EC #F577EC #FF7EEB

#9F5AC6 - #D66BE2 - #FF7EEB

CSS codes

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

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