#5E1E21 - #AC75A2 | 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 #5E1E21 to #AC75A2

#5E1E21 #AC75A2

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

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

0.0%	0.0% #5E1E21	RGB 94 30 33	#5E1E21
16.7%	16.7% #6B2C36	RGB 107 44 54	#6B2C36
33.3%	33.3% #783B4C	RGB 120 59 76	#783B4C
50.0%	50.0% #854961	RGB 133 73 97	#854961
66.7%	66.7% #925877	RGB 146 88 119	#925877
83.3%	83.3% #9F668C	RGB 159 102 140	#9F668C
100.0%	100.0% #AC75A2	RGB 172 117 162	#AC75A2

#5E1E21 #6B2C36 #783B4C #854961 #925877 #9F668C #AC75A2

#5E1E21 - #AC75A2

HSV Blend

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

0.0%	0.0% #5E1E21	RGB 94 30 33	#5E1E21
16.7%	16.7% #6B2834	RGB 107 40 52	#6B2834
33.3%	33.3% #783449	RGB 120 52 73	#783449
50.0%	50.0% #85425F	RGB 133 66 95	#85425F
66.7%	66.7% #925175	RGB 146 81 117	#925175
83.3%	83.3% #9F628C	RGB 159 98 140	#9F628C
100.0%	100.0% #AC75A2	RGB 172 117 162	#AC75A2

#5E1E21 #6B2834 #783449 #85425F #925175 #9F628C #AC75A2

#5E1E21 - #85425F - #AC75A2

CSS codes

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

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