#AF5E7B - #6F1730 | 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 #AF5E7B to #6F1730

#AF5E7B #6F1730

Calculate the color between two colors, #AF5E7B and #6F1730. 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)

#AF5E7B - #6F1730 | 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 #AF5E7B as 0% and #6F1730 as 100%.

0.0%	0.0% #AF5E7B	RGB 175 94 123	#AF5E7B
16.7%	16.7% #A4526E	RGB 164 82 110	#A4526E
33.3%	33.3% #994662	RGB 153 70 98	#994662
50.0%	50.0% #8F3A55	RGB 143 58 85	#8F3A55
66.7%	66.7% #842E49	RGB 132 46 73	#842E49
83.3%	83.3% #79223C	RGB 121 34 60	#79223C
100.0%	100.0% #6F1730	RGB 111 23 48	#6F1730

#AF5E7B #A4526E #994662 #8F3A55 #842E49 #79223C #6F1730

#AF5E7B - #6F1730

HSV Blend

#AF5E7B - #6F1730 | 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 #AF5E7B as 0% and #6F1730 as 100%.

0.0%	0.0% #AF5E7B	RGB 175 94 123	#AF5E7B
16.7%	16.7% #A44F6C	RGB 164 79 108	#A44F6C
33.3%	33.3% #99415E	RGB 153 65 94	#99415E
50.0%	50.0% #8F3552	RGB 143 53 82	#8F3552
66.7%	66.7% #842945	RGB 132 41 69	#842945
83.3%	83.3% #791F3A	RGB 121 31 58	#791F3A
100.0%	100.0% #6F1730	RGB 111 23 48	#6F1730

#AF5E7B #A44F6C #99415E #8F3552 #842945 #791F3A #6F1730

#AF5E7B - #8F3552 - #6F1730

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E7B 0%, #8F3552 50%, #6F1730 100%);
    background: -webkit-linear-gradient(top, #AF5E7B 0%, #8F3552 50%, #6F1730 100%);
    background: linear-gradient(to bottom, #AF5E7B 0%, #8F3552 50%, #6F1730 100%);
}
</style>