#AF5E94 - #E483FF | 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 #AF5E94 to #E483FF

#AF5E94 #E483FF

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

#AF5E94 - #E483FF | 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 #AF5E94 as 0% and #E483FF as 100%.

0.0%	0.0% #AF5E94	RGB 175 94 148	#AF5E94
16.7%	16.7% #B764A5	RGB 183 100 165	#B764A5
33.3%	33.3% #C06AB7	RGB 192 106 183	#C06AB7
50.0%	50.0% #C970C9	RGB 201 112 201	#C970C9
66.7%	66.7% #D276DB	RGB 210 118 219	#D276DB
83.3%	83.3% #DB7CED	RGB 219 124 237	#DB7CED
100.0%	100.0% #E483FF	RGB 228 131 255	#E483FF

#AF5E94 #B764A5 #C06AB7 #C970C9 #D276DB #DB7CED #E483FF

#AF5E94 - #E483FF

HSV Blend

#AF5E94 - #E483FF | 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 #AF5E94 as 0% and #E483FF as 100%.

0.0%	0.0% #AF5E94	RGB 175 94 148	#AF5E94
16.7%	16.7% #BC64A7	RGB 188 100 167	#BC64A7
33.3%	33.3% #C96ABB	RGB 201 106 187	#C96ABB
50.0%	50.0% #D770D1	RGB 215 112 209	#D770D1
66.7%	66.7% #E077E4	RGB 224 119 228	#E077E4
83.3%	83.3% #E27DF1	RGB 226 125 241	#E27DF1
100.0%	100.0% #E483FF	RGB 228 131 255	#E483FF

#AF5E94 #BC64A7 #C96ABB #D770D1 #E077E4 #E27DF1 #E483FF

#AF5E94 - #D770D1 - #E483FF

CSS codes

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

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