#AC6985 - #5E283B | 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 #AC6985 to #5E283B

#AC6985 #5E283B

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

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

0.0%	0.0% #AC6985	RGB 172 105 133	#AC6985
16.7%	16.7% #9F5E78	RGB 159 94 120	#9F5E78
33.3%	33.3% #92536C	RGB 146 83 108	#92536C
50.0%	50.0% #854860	RGB 133 72 96	#854860
66.7%	66.7% #783D53	RGB 120 61 83	#783D53
83.3%	83.3% #6B3247	RGB 107 50 71	#6B3247
100.0%	100.0% #5E283B	RGB 94 40 59	#5E283B

#AC6985 #9F5E78 #92536C #854860 #783D53 #6B3247 #5E283B

#AC6985 - #5E283B

HSV Blend

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

0.0%	0.0% #AC6984	RGB 172 105 132	#AC6984
16.7%	16.7% #9F5C77	RGB 159 92 119	#9F5C77
33.3%	33.3% #92506A	RGB 146 80 106	#92506A
50.0%	50.0% #85445D	RGB 133 68 93	#85445D
66.7%	66.7% #783A51	RGB 120 58 81	#783A51
83.3%	83.3% #6B3045	RGB 107 48 69	#6B3045
100.0%	100.0% #5E283B	RGB 94 40 59	#5E283B

#AC6984 #9F5C77 #92506A #85445D #783A51 #6B3045 #5E283B

#AC6985 - #85445D - #5E283B

CSS codes

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

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