#5E1113 - #AF4489 | 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 #5E1113 to #AF4489

#5E1113 #AF4489

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

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

0.0%	0.0% #5E1113	RGB 94 17 19	#5E1113
16.7%	16.7% #6B1926	RGB 107 25 38	#6B1926
33.3%	33.3% #79223A	RGB 121 34 58	#79223A
50.0%	50.0% #862A4E	RGB 134 42 78	#862A4E
66.7%	66.7% #943361	RGB 148 51 97	#943361
83.3%	83.3% #A13B75	RGB 161 59 117	#A13B75
100.0%	100.0% #AF4489	RGB 175 68 137	#AF4489

#5E1113 #6B1926 #79223A #862A4E #943361 #A13B75 #AF4489

#5E1113 - #AF4489

HSV Blend

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

0.0%	0.0% #5E1013	RGB 94 16 19	#5E1013
16.7%	16.7% #6B1722	RGB 107 23 34	#6B1722
33.3%	33.3% #791E33	RGB 121 30 51	#791E33
50.0%	50.0% #862646	RGB 134 38 70	#862646
66.7%	66.7% #942F5B	RGB 148 47 91	#942F5B
83.3%	83.3% #A13971	RGB 161 57 113	#A13971
100.0%	100.0% #AF4489	RGB 175 68 137	#AF4489

#5E1013 #6B1722 #791E33 #862646 #942F5B #A13971 #AF4489

#5E1113 - #862646 - #AF4489

CSS codes

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

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