#FF72B8 - #FF8FF5 | 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 #FF72B8 to #FF8FF5

#FF72B8 #FF8FF5

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

#FF72B8 - #FF8FF5 | 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 #FF72B8 as 0% and #FF8FF5 as 100%.

0.0%	0.0% #FF72B8	RGB 255 114 184	#FF72B8
16.7%	16.7% #FF76C2	RGB 255 118 194	#FF76C2
33.3%	33.3% #FF7BCC	RGB 255 123 204	#FF7BCC
50.0%	50.0% #FF80D6	RGB 255 128 214	#FF80D6
66.7%	66.7% #FF85E0	RGB 255 133 224	#FF85E0
83.3%	83.3% #FF8AEA	RGB 255 138 234	#FF8AEA
100.0%	100.0% #FF8FF5	RGB 255 143 245	#FF8FF5

#FF72B8 #FF76C2 #FF7BCC #FF80D6 #FF85E0 #FF8AEA #FF8FF5

#FF72B8 - #FF8FF5

HSV Blend

#FF72B8 - #FF8FF5 | 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 #FF72B8 as 0% and #FF8FF5 as 100%.

0.0%	0.0% #FF72B8	RGB 255 114 184	#FF72B8
16.7%	16.7% #FF76C3	RGB 255 118 195	#FF76C3
33.3%	33.3% #FF7BCF	RGB 255 123 207	#FF7BCF
50.0%	50.0% #FF80D9	RGB 255 128 217	#FF80D9
66.7%	66.7% #FF85E3	RGB 255 133 227	#FF85E3
83.3%	83.3% #FF8AEC	RGB 255 138 236	#FF8AEC
100.0%	100.0% #FF8FF5	RGB 255 143 245	#FF8FF5

#FF72B8 #FF76C3 #FF7BCF #FF80D9 #FF85E3 #FF8AEC #FF8FF5

#FF72B8 - #FF80D9 - #FF8FF5

CSS codes

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

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