#AF5E81 - #A68CE5 | 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 #A68CE5

#AF5E81 #A68CE5

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

0.0%	0.0% #AF5E81	RGB 175 94 129	#AF5E81
16.7%	16.7% #AD6591	RGB 173 101 145	#AD6591
33.3%	33.3% #AC6DA2	RGB 172 109 162	#AC6DA2
50.0%	50.0% #AA75B3	RGB 170 117 179	#AA75B3
66.7%	66.7% #A97CC3	RGB 169 124 195	#A97CC3
83.3%	83.3% #A784D4	RGB 167 132 212	#A784D4
100.0%	100.0% #A68CE5	RGB 166 140 229	#A68CE5

#AF5E81 #AD6591 #AC6DA2 #AA75B3 #A97CC3 #A784D4 #A68CE5

#AF5E81 - #A68CE5

HSV Blend

#AF5E81 - #A68CE5 | 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 #A68CE5 as 100%.

0.0%	0.0% #AF5E81	RGB 175 94 129	#AF5E81
16.7%	16.7% #B8659A	RGB 184 101 154	#B8659A
33.3%	33.3% #C16CB4	RGB 193 108 180	#C16CB4
50.0%	50.0% #C373CA	RGB 195 115 202	#C373CA
66.7%	66.7% #BA7BD3	RGB 186 123 211	#BA7BD3
83.3%	83.3% #B083DC	RGB 176 131 220	#B083DC
100.0%	100.0% #A68CE5	RGB 166 140 229	#A68CE5

#AF5E81 #B8659A #C16CB4 #C373CA #BA7BD3 #B083DC #A68CE5

#AF5E81 - #C373CA - #A68CE5

CSS codes

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

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