#FF7DBD - #FF9AF5 | 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 #FF7DBD to #FF9AF5

#FF7DBD #FF9AF5

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

#FF7DBD - #FF9AF5 | 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 #FF7DBD as 0% and #FF9AF5 as 100%.

0.0%	0.0% #FF7DBD	RGB 255 125 189	#FF7DBD
16.7%	16.7% #FF81C6	RGB 255 129 198	#FF81C6
33.3%	33.3% #FF86CF	RGB 255 134 207	#FF86CF
50.0%	50.0% #FF8BD9	RGB 255 139 217	#FF8BD9
66.7%	66.7% #FF90E2	RGB 255 144 226	#FF90E2
83.3%	83.3% #FF95EB	RGB 255 149 235	#FF95EB
100.0%	100.0% #FF9AF5	RGB 255 154 245	#FF9AF5

#FF7DBD #FF81C6 #FF86CF #FF8BD9 #FF90E2 #FF95EB #FF9AF5

#FF7DBD - #FF9AF5

HSV Blend

#FF7DBD - #FF9AF5 | 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 #FF7DBD as 0% and #FF9AF5 as 100%.

0.0%	0.0% #FF7DBD	RGB 255 125 189	#FF7DBD
16.7%	16.7% #FF81C7	RGB 255 129 199	#FF81C7
33.3%	33.3% #FF86D2	RGB 255 134 210	#FF86D2
50.0%	50.0% #FF8BDB	RGB 255 139 219	#FF8BDB
66.7%	66.7% #FF90E4	RGB 255 144 228	#FF90E4
83.3%	83.3% #FF95ED	RGB 255 149 237	#FF95ED
100.0%	100.0% #FF9AF5	RGB 255 154 245	#FF9AF5

#FF7DBD #FF81C7 #FF86D2 #FF8BDB #FF90E4 #FF95ED #FF9AF5

#FF7DBD - #FF8BDB - #FF9AF5

CSS codes

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

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