#FF8CFE - #BAABFF | 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 #FF8CFE to #BAABFF

#FF8CFE #BAABFF

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

#FF8CFE - #BAABFF | 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 #FF8CFE as 0% and #BAABFF as 100%.

0.0%	0.0% #FF8CFE	RGB 255 140 254	#FF8CFE
16.7%	16.7% #F391FE	RGB 243 145 254	#F391FE
33.3%	33.3% #E896FE	RGB 232 150 254	#E896FE
50.0%	50.0% #DC9BFE	RGB 220 155 254	#DC9BFE
66.7%	66.7% #D1A0FE	RGB 209 160 254	#D1A0FE
83.3%	83.3% #C5A5FE	RGB 197 165 254	#C5A5FE
100.0%	100.0% #BAABFF	RGB 186 171 255	#BAABFF

#FF8CFE #F391FE #E896FE #DC9BFE #D1A0FE #C5A5FE #BAABFF

#FF8CFE - #BAABFF

HSV Blend

#FF8CFE - #BAABFF | 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 #FF8CFE as 0% and #BAABFF as 100%.

0.0%	0.0% #FF8CFE	RGB 255 140 254	#FF8CFE
16.7%	16.7% #F091FF	RGB 240 145 255	#F091FF
33.3%	33.3% #E296FF	RGB 226 150 255	#E296FF
50.0%	50.0% #D69BFF	RGB 214 155 255	#D69BFF
66.7%	66.7% #CBA0FF	RGB 203 160 255	#CBA0FF
83.3%	83.3% #C2A5FF	RGB 194 165 255	#C2A5FF
100.0%	100.0% #BAABFF	RGB 186 171 255	#BAABFF

#FF8CFE #F091FF #E296FF #D69BFF #CBA0FF #C2A5FF #BAABFF

#FF8CFE - #D69BFF - #BAABFF

CSS codes

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

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