#F5A7FF - #9F2ECE | 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 #F5A7FF to #9F2ECE

#F5A7FF #9F2ECE

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

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

0.0%	0.0% #F5A7FF	RGB 245 167 255	#F5A7FF
16.7%	16.7% #E692F6	RGB 230 146 246	#E692F6
33.3%	33.3% #D87EEE	RGB 216 126 238	#D87EEE
50.0%	50.0% #CA6AE6	RGB 202 106 230	#CA6AE6
66.7%	66.7% #BB56DE	RGB 187 86 222	#BB56DE
83.3%	83.3% #AD42D6	RGB 173 66 214	#AD42D6
100.0%	100.0% #9F2ECE	RGB 159 46 206	#9F2ECE

#F5A7FF #E692F6 #D87EEE #CA6AE6 #BB56DE #AD42D6 #9F2ECE

#F5A7FF - #9F2ECE

HSV Blend

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

0.0%	0.0% #F5A7FF	RGB 245 167 255	#F5A7FF
16.7%	16.7% #E88FF6	RGB 232 143 246	#E88FF6
33.3%	33.3% #DA79EE	RGB 218 121 238	#DA79EE
50.0%	50.0% #CC65E6	RGB 204 101 230	#CC65E6
66.7%	66.7% #BD51DE	RGB 189 81 222	#BD51DE
83.3%	83.3% #AE3FD6	RGB 174 63 214	#AE3FD6
100.0%	100.0% #9F2ECE	RGB 159 46 206	#9F2ECE

#F5A7FF #E88FF6 #DA79EE #CC65E6 #BD51DE #AE3FD6 #9F2ECE

#F5A7FF - #CC65E6 - #9F2ECE

CSS codes

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

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