#AF5E81 - #EB82FF | 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 #AF5E81 to #EB82FF

#AF5E81 #EB82FF

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

#AF5E81 - #EB82FF | 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 #AF5E81 as 0% and #EB82FF as 100%.

0.0%	0.0% #AF5E81	RGB 175 94 129	#AF5E81
16.7%	16.7% #B96496	RGB 185 100 150	#B96496
33.3%	33.3% #C36AAB	RGB 195 106 171	#C36AAB
50.0%	50.0% #CD70C0	RGB 205 112 192	#CD70C0
66.7%	66.7% #D776D5	RGB 215 118 213	#D776D5
83.3%	83.3% #E17CEA	RGB 225 124 234	#E17CEA
100.0%	100.0% #EB82FF	RGB 235 130 255	#EB82FF

#AF5E81 #B96496 #C36AAB #CD70C0 #D776D5 #E17CEA #EB82FF

#AF5E81 - #EB82FF

HSV Blend

#AF5E81 - #EB82FF | 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 #AF5E81 as 0% and #EB82FF as 100%.

0.0%	0.0% #AF5E81	RGB 175 94 129	#AF5E81
16.7%	16.7% #BC6495	RGB 188 100 149	#BC6495
33.3%	33.3% #C96AAA	RGB 201 106 170	#C96AAA
50.0%	50.0% #D770C2	RGB 215 112 194	#D770C2
66.7%	66.7% #E476DB	RGB 228 118 219	#E476DB
83.3%	83.3% #ED7CF1	RGB 237 124 241	#ED7CF1
100.0%	100.0% #EB82FF	RGB 235 130 255	#EB82FF

#AF5E81 #BC6495 #C96AAA #D770C2 #E476DB #ED7CF1 #EB82FF

#AF5E81 - #D770C2 - #EB82FF

CSS codes

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

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