#FF7EFA - #B7A2FF | 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 #FF7EFA to #B7A2FF

#FF7EFA #B7A2FF

Calculate the color between two colors, #FF7EFA and #B7A2FF. 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)

#FF7EFA - #B7A2FF | 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 #FF7EFA as 0% and #B7A2FF as 100%.

0.0%	0.0% #FF7EFA	RGB 255 126 250	#FF7EFA
16.7%	16.7% #F384FA	RGB 243 132 250	#F384FA
33.3%	33.3% #E78AFB	RGB 231 138 251	#E78AFB
50.0%	50.0% #DB90FC	RGB 219 144 252	#DB90FC
66.7%	66.7% #CF96FD	RGB 207 150 253	#CF96FD
83.3%	83.3% #C39CFE	RGB 195 156 254	#C39CFE
100.0%	100.0% #B7A2FF	RGB 183 162 255	#B7A2FF

#FF7EFA #F384FA #E78AFB #DB90FC #CF96FD #C39CFE #B7A2FF

#FF7EFA - #B7A2FF

HSV Blend

#FF7EFA - #B7A2FF | 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 #FF7EFA as 0% and #B7A2FF as 100%.

0.0%	0.0% #FF7EFA	RGB 255 126 250	#FF7EFA
16.7%	16.7% #F384FF	RGB 243 132 255	#F384FF
33.3%	33.3% #E38AFF	RGB 227 138 255	#E38AFF
50.0%	50.0% #D690FF	RGB 214 144 255	#D690FF
66.7%	66.7% #CA96FF	RGB 202 150 255	#CA96FF
83.3%	83.3% #BF9CFF	RGB 191 156 255	#BF9CFF
100.0%	100.0% #B7A2FF	RGB 183 162 255	#B7A2FF

#FF7EFA #F384FF #E38AFF #D690FF #CA96FF #BF9CFF #B7A2FF

#FF7EFA - #D690FF - #B7A2FF

CSS codes

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

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