#AF5E94 - #CE82FF | 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 #CE82FF

#AF5E94 #CE82FF

Calculate the color between two colors, #AF5E94 and #CE82FF. 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 - #CE82FF | 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 #CE82FF as 100%.

0.0%	0.0% #AF5E94	RGB 175 94 148	#AF5E94
16.7%	16.7% #B464A5	RGB 180 100 165	#B464A5
33.3%	33.3% #B96AB7	RGB 185 106 183	#B96AB7
50.0%	50.0% #BE70C9	RGB 190 112 201	#BE70C9
66.7%	66.7% #C376DB	RGB 195 118 219	#C376DB
83.3%	83.3% #C87CED	RGB 200 124 237	#C87CED
100.0%	100.0% #CE82FF	RGB 206 130 255	#CE82FF

#AF5E94 #B464A5 #B96AB7 #BE70C9 #C376DB #C87CED #CE82FF

#AF5E94 - #CE82FF

HSV Blend

#AF5E94 - #CE82FF | 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 #CE82FF as 100%.

0.0%	0.0% #AF5E94	RGB 175 94 148	#AF5E94
16.7%	16.7% #BC64A9	RGB 188 100 169	#BC64A9
33.3%	33.3% #C96AC0	RGB 201 106 192	#C96AC0
50.0%	50.0% #D370D7	RGB 211 112 215	#D370D7
66.7%	66.7% #D376E4	RGB 211 118 228	#D376E4
83.3%	83.3% #D17CF1	RGB 209 124 241	#D17CF1
100.0%	100.0% #CE82FF	RGB 206 130 255	#CE82FF

#AF5E94 #BC64A9 #C96AC0 #D370D7 #D376E4 #D17CF1 #CE82FF

#AF5E94 - #D370D7 - #CE82FF

CSS codes

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

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