#AF5EA6 - #5E2155 | 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 #AF5EA6 to #5E2155

#AF5EA6 #5E2155

Calculate the color between two colors, #AF5EA6 and #5E2155. 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)

#AF5EA6 - #5E2155 | 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 #AF5EA6 as 0% and #5E2155 as 100%.

0.0%	0.0% #AF5EA6	RGB 175 94 166	#AF5EA6
16.7%	16.7% #A15398	RGB 161 83 152	#A15398
33.3%	33.3% #94498B	RGB 148 73 139	#94498B
50.0%	50.0% #863F7D	RGB 134 63 125	#863F7D
66.7%	66.7% #793570	RGB 121 53 112	#793570
83.3%	83.3% #6B2B62	RGB 107 43 98	#6B2B62
100.0%	100.0% #5E2155	RGB 94 33 85	#5E2155

#AF5EA6 #A15398 #94498B #863F7D #793570 #6B2B62 #5E2155

#AF5EA6 - #5E2155

HSV Blend

#AF5EA6 - #5E2155 | 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 #AF5EA6 as 0% and #5E2155 as 100%.

0.0%	0.0% #AF5EA6	RGB 175 94 166	#AF5EA6
16.7%	16.7% #A15198	RGB 161 81 152	#A15198
33.3%	33.3% #94468A	RGB 148 70 138	#94468A
50.0%	50.0% #863B7C	RGB 134 59 124	#863B7C
66.7%	66.7% #79316F	RGB 121 49 111	#79316F
83.3%	83.3% #6B2962	RGB 107 41 98	#6B2962
100.0%	100.0% #5E2155	RGB 94 33 85	#5E2155

#AF5EA6 #A15198 #94468A #863B7C #79316F #6B2962 #5E2155

#AF5EA6 - #863B7C - #5E2155

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5EA6 0%, #863B7C 50%, #5E2155 100%);
    background: -webkit-linear-gradient(top, #AF5EA6 0%, #863B7C 50%, #5E2155 100%);
    background: linear-gradient(to bottom, #AF5EA6 0%, #863B7C 50%, #5E2155 100%);
}
</style>