#F5A0FF - #D448F0 | 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 #F5A0FF to #D448F0

#F5A0FF #D448F0

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

#F5A0FF - #D448F0 | 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 #F5A0FF as 0% and #D448F0 as 100%.

0.0%	0.0% #F5A0FF	RGB 245 160 255	#F5A0FF
16.7%	16.7% #EF91FC	RGB 239 145 252	#EF91FC
33.3%	33.3% #EA82FA	RGB 234 130 250	#EA82FA
50.0%	50.0% #E474F7	RGB 228 116 247	#E474F7
66.7%	66.7% #DF65F5	RGB 223 101 245	#DF65F5
83.3%	83.3% #D956F2	RGB 217 86 242	#D956F2
100.0%	100.0% #D448F0	RGB 212 72 240	#D448F0

#F5A0FF #EF91FC #EA82FA #E474F7 #DF65F5 #D956F2 #D448F0

#F5A0FF - #D448F0

HSV Blend

#F5A0FF - #D448F0 | 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 #F5A0FF as 0% and #D448F0 as 100%.

0.0%	0.0% #F5A0FF	RGB 245 160 255	#F5A0FF
16.7%	16.7% #F090FC	RGB 240 144 252	#F090FC
33.3%	33.3% #EA81FA	RGB 234 129 250	#EA81FA
50.0%	50.0% #E572F7	RGB 229 114 247	#E572F7
66.7%	66.7% #DF64F5	RGB 223 100 245	#DF64F5
83.3%	83.3% #DA55F2	RGB 218 85 242	#DA55F2
100.0%	100.0% #D448F0	RGB 212 72 240	#D448F0

#F5A0FF #F090FC #EA81FA #E572F7 #DF64F5 #DA55F2 #D448F0

#F5A0FF - #E572F7 - #D448F0

CSS codes

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

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