#AF5E67 - #841A27 | 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 #AF5E67 to #841A27

#AF5E67 #841A27

Calculate the color between two colors, #AF5E67 and #841A27. 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)

#AF5E67 - #841A27 | 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 #AF5E67 as 0% and #841A27 as 100%.

0.0%	0.0% #AF5E67	RGB 175 94 103	#AF5E67
16.7%	16.7% #A7525C	RGB 167 82 92	#A7525C
33.3%	33.3% #A04751	RGB 160 71 81	#A04751
50.0%	50.0% #993C47	RGB 153 60 71	#993C47
66.7%	66.7% #92303C	RGB 146 48 60	#92303C
83.3%	83.3% #8B2531	RGB 139 37 49	#8B2531
100.0%	100.0% #841A27	RGB 132 26 39	#841A27

#AF5E67 #A7525C #A04751 #993C47 #92303C #8B2531 #841A27

#AF5E67 - #841A27

HSV Blend

#AF5E67 - #841A27 | 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 #AF5E67 as 0% and #841A27 as 100%.

0.0%	0.0% #AF5E66	RGB 175 94 102	#AF5E66
16.7%	16.7% #A7505A	RGB 167 80 90	#A7505A
33.3%	33.3% #A0444E	RGB 160 68 78	#A0444E
50.0%	50.0% #993843	RGB 153 56 67	#993843
66.7%	66.7% #922D39	RGB 146 45 57	#922D39
83.3%	83.3% #8B232F	RGB 139 35 47	#8B232F
100.0%	100.0% #841A27	RGB 132 26 39	#841A27

#AF5E66 #A7505A #A0444E #993843 #922D39 #8B232F #841A27

#AF5E67 - #993843 - #841A27

CSS codes

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

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