#55001E - #AF5E9E | 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 #55001E to #AF5E9E

#55001E #AF5E9E

Calculate the color between two colors, #55001E and #AF5E9E. 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)

#55001E - #AF5E9E | 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 #55001E as 0% and #AF5E9E as 100%.

0.0%	0.0% #55001E	RGB 85 0 30	#55001E
16.7%	16.7% #640F33	RGB 100 15 51	#640F33
33.3%	33.3% #731F48	RGB 115 31 72	#731F48
50.0%	50.0% #822F5E	RGB 130 47 94	#822F5E
66.7%	66.7% #913E73	RGB 145 62 115	#913E73
83.3%	83.3% #A04E88	RGB 160 78 136	#A04E88
100.0%	100.0% #AF5E9E	RGB 175 94 158	#AF5E9E

#55001E #640F33 #731F48 #822F5E #913E73 #A04E88 #AF5E9E

#55001E - #AF5E9E

HSV Blend

#55001E - #AF5E9E | 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 #55001E as 0% and #AF5E9E as 100%.

0.0%	0.0% #55001D	RGB 85 0 29	#55001D
16.7%	16.7% #64082F	RGB 100 8 47	#64082F
33.3%	33.3% #731443	RGB 115 20 67	#731443
50.0%	50.0% #822259	RGB 130 34 89	#822259
66.7%	66.7% #91336F	RGB 145 51 111	#91336F
83.3%	83.3% #A04787	RGB 160 71 135	#A04787
100.0%	100.0% #AF5E9E	RGB 175 94 158	#AF5E9E

#55001D #64082F #731443 #822259 #91336F #A04787 #AF5E9E

#55001E - #822259 - #AF5E9E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55001D 0%, #822259 50%, #AF5E9E 100%);
    background: -webkit-linear-gradient(top, #55001D 0%, #822259 50%, #AF5E9E 100%);
    background: linear-gradient(to bottom, #55001D 0%, #822259 50%, #AF5E9E 100%);
}
</style>