#FF7DC5 - #FF9AFA | 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 #FF7DC5 to #FF9AFA

#FF7DC5 #FF9AFA

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

#FF7DC5 - #FF9AFA | 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 #FF7DC5 as 0% and #FF9AFA as 100%.

0.0%	0.0% #FF7DC5	RGB 255 125 197	#FF7DC5
16.7%	16.7% #FF81CD	RGB 255 129 205	#FF81CD
33.3%	33.3% #FF86D6	RGB 255 134 214	#FF86D6
50.0%	50.0% #FF8BDF	RGB 255 139 223	#FF8BDF
66.7%	66.7% #FF90E8	RGB 255 144 232	#FF90E8
83.3%	83.3% #FF95F1	RGB 255 149 241	#FF95F1
100.0%	100.0% #FF9AFA	RGB 255 154 250	#FF9AFA

#FF7DC5 #FF81CD #FF86D6 #FF8BDF #FF90E8 #FF95F1 #FF9AFA

#FF7DC5 - #FF9AFA

HSV Blend

#FF7DC5 - #FF9AFA | 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 #FF7DC5 as 0% and #FF9AFA as 100%.

0.0%	0.0% #FF7DC5	RGB 255 125 197	#FF7DC5
16.7%	16.7% #FF81CF	RGB 255 129 207	#FF81CF
33.3%	33.3% #FF86D9	RGB 255 134 217	#FF86D9
50.0%	50.0% #FF8BE2	RGB 255 139 226	#FF8BE2
66.7%	66.7% #FF90EA	RGB 255 144 234	#FF90EA
83.3%	83.3% #FF95F2	RGB 255 149 242	#FF95F2
100.0%	100.0% #FF9AFA	RGB 255 154 250	#FF9AFA

#FF7DC5 #FF81CF #FF86D9 #FF8BE2 #FF90EA #FF95F2 #FF9AFA

#FF7DC5 - #FF8BE2 - #FF9AFA

CSS codes

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

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