#5E043A - #AF385B | 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 #5E043A to #AF385B

#5E043A #AF385B

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

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

0.0%	0.0% #5E043A	RGB 94 4 58	#5E043A
16.7%	16.7% #6B0C3F	RGB 107 12 63	#6B0C3F
33.3%	33.3% #791545	RGB 121 21 69	#791545
50.0%	50.0% #861E4A	RGB 134 30 74	#861E4A
66.7%	66.7% #942650	RGB 148 38 80	#942650
83.3%	83.3% #A12F55	RGB 161 47 85	#A12F55
100.0%	100.0% #AF385B	RGB 175 56 91	#AF385B

#5E043A #6B0C3F #791545 #861E4A #942650 #A12F55 #AF385B

#5E043A - #AF385B

HSV Blend

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

0.0%	0.0% #5E033A	RGB 94 3 58	#5E033A
16.7%	16.7% #6B093F	RGB 107 9 63	#6B093F
33.3%	33.3% #791044	RGB 121 16 68	#791044
50.0%	50.0% #861849	RGB 134 24 73	#861849
66.7%	66.7% #94214E	RGB 148 33 78	#94214E
83.3%	83.3% #A12C54	RGB 161 44 84	#A12C54
100.0%	100.0% #AF385B	RGB 175 56 91	#AF385B

#5E033A #6B093F #791044 #861849 #94214E #A12C54 #AF385B

#5E043A - #861849 - #AF385B

CSS codes

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

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