#AF5E9A - #FF7BE7 | 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 #AF5E9A to #FF7BE7

#AF5E9A #FF7BE7

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

#AF5E9A - #FF7BE7 | 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 #AF5E9A as 0% and #FF7BE7 as 100%.

0.0%	0.0% #AF5E9A	RGB 175 94 154	#AF5E9A
16.7%	16.7% #BC62A6	RGB 188 98 166	#BC62A6
33.3%	33.3% #C967B3	RGB 201 103 179	#C967B3
50.0%	50.0% #D76CC0	RGB 215 108 192	#D76CC0
66.7%	66.7% #E471CD	RGB 228 113 205	#E471CD
83.3%	83.3% #F176DA	RGB 241 118 218	#F176DA
100.0%	100.0% #FF7BE7	RGB 255 123 231	#FF7BE7

#AF5E9A #BC62A6 #C967B3 #D76CC0 #E471CD #F176DA #FF7BE7

#AF5E9A - #FF7BE7

HSV Blend

#AF5E9A - #FF7BE7 | 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 #AF5E9A as 0% and #FF7BE7 as 100%.

0.0%	0.0% #AF5E99	RGB 175 94 153	#AF5E99
16.7%	16.7% #BC63A6	RGB 188 99 166	#BC63A6
33.3%	33.3% #C968B3	RGB 201 104 179	#C968B3
50.0%	50.0% #D76DBF	RGB 215 109 191	#D76DBF
66.7%	66.7% #E472CC	RGB 228 114 204	#E472CC
83.3%	83.3% #F176D9	RGB 241 118 217	#F176D9
100.0%	100.0% #FF7BE7	RGB 255 123 231	#FF7BE7

#AF5E99 #BC63A6 #C968B3 #D76DBF #E472CC #F176D9 #FF7BE7

#AF5E9A - #D76DBF - #FF7BE7

CSS codes

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

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