#FE5DFF - #FFBFD4 | 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 #FE5DFF to #FFBFD4

#FE5DFF #FFBFD4

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

#FE5DFF - #FFBFD4 | 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 #FE5DFF as 0% and #FFBFD4 as 100%.

0.0%	0.0% #FE5DFF	RGB 254 93 255	#FE5DFF
16.7%	16.7% #FE6DF7	RGB 254 109 247	#FE6DF7
33.3%	33.3% #FE7DF0	RGB 254 125 240	#FE7DF0
50.0%	50.0% #FE8EE9	RGB 254 142 233	#FE8EE9
66.7%	66.7% #FE9EE2	RGB 254 158 226	#FE9EE2
83.3%	83.3% #FEAEDB	RGB 254 174 219	#FEAEDB
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#FE5DFF #FE6DF7 #FE7DF0 #FE8EE9 #FE9EE2 #FEAEDB #FFBFD4

#FE5DFF - #FFBFD4

HSV Blend

#FE5DFF - #FFBFD4 | 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 #FE5DFF as 0% and #FFBFD4 as 100%.

0.0%	0.0% #FE5DFF	RGB 254 93 255	#FE5DFF
16.7%	16.7% #FF6DEF	RGB 255 109 239	#FF6DEF
33.3%	33.3% #FF7DE2	RGB 255 125 226	#FF7DE2
50.0%	50.0% #FF8ED9	RGB 255 142 217	#FF8ED9
66.7%	66.7% #FF9ED3	RGB 255 158 211	#FF9ED3
83.3%	83.3% #FFAED2	RGB 255 174 210	#FFAED2
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#FE5DFF #FF6DEF #FF7DE2 #FF8ED9 #FF9ED3 #FFAED2 #FFBFD4

#FE5DFF - #FF8ED9 - #FFBFD4

CSS codes

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

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