#530700 - #AD5E7A | 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 #530700 to #AD5E7A

#530700 #AD5E7A

Calculate the color between two colors, #530700 and #AD5E7A. 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)

#530700 - #AD5E7A | 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 #530700 as 0% and #AD5E7A as 100%.

0.0%	0.0% #530700	RGB 83 7 0	#530700
16.7%	16.7% #621514	RGB 98 21 20	#621514
33.3%	33.3% #712428	RGB 113 36 40	#712428
50.0%	50.0% #80323D	RGB 128 50 61	#80323D
66.7%	66.7% #8F4151	RGB 143 65 81	#8F4151
83.3%	83.3% #9E4F65	RGB 158 79 101	#9E4F65
100.0%	100.0% #AD5E7A	RGB 173 94 122	#AD5E7A

#530700 #621514 #712428 #80323D #8F4151 #9E4F65 #AD5E7A

#530700 - #AD5E7A

HSV Blend

#530700 - #AD5E7A | 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 #530700 as 0% and #AD5E7A as 100%.

0.0%	0.0% #530700	RGB 83 7 0	#530700
16.7%	16.7% #620908	RGB 98 9 8	#620908
33.3%	33.3% #71141A	RGB 113 20 26	#71141A
50.0%	50.0% #80222F	RGB 128 34 47	#80222F
66.7%	66.7% #8F3346	RGB 143 51 70	#8F3346
83.3%	83.3% #9E475F	RGB 158 71 95	#9E475F
100.0%	100.0% #AD5E7A	RGB 173 94 122	#AD5E7A

#530700 #620908 #71141A #80222F #8F3346 #9E475F #AD5E7A

#530700 - #80222F - #AD5E7A

CSS codes

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

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