#530200 - #AD5E7E | 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 #530200 to #AD5E7E

#530200 #AD5E7E

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

#530200 - #AD5E7E | 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 #530200 as 0% and #AD5E7E as 100%.

0.0%	0.0% #530200	RGB 83 2 0	#530200
16.7%	16.7% #621115	RGB 98 17 21	#621115
33.3%	33.3% #71202A	RGB 113 32 42	#71202A
50.0%	50.0% #80303F	RGB 128 48 63	#80303F
66.7%	66.7% #8F3F54	RGB 143 63 84	#8F3F54
83.3%	83.3% #9E4E69	RGB 158 78 105	#9E4E69
100.0%	100.0% #AD5E7E	RGB 173 94 126	#AD5E7E

#530200 #621115 #71202A #80303F #8F3F54 #9E4E69 #AD5E7E

#530200 - #AD5E7E

HSV Blend

#530200 - #AD5E7E | 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 #530200 as 0% and #AD5E7E as 100%.

0.0%	0.0% #530200	RGB 83 2 0	#530200
16.7%	16.7% #62080D	RGB 98 8 13	#62080D
33.3%	33.3% #71141F	RGB 113 20 31	#71141F
50.0%	50.0% #802234	RGB 128 34 52	#802234
66.7%	66.7% #8F334B	RGB 143 51 75	#8F334B
83.3%	83.3% #9E4764	RGB 158 71 100	#9E4764
100.0%	100.0% #AD5E7E	RGB 173 94 126	#AD5E7E

#530200 #62080D #71141F #802234 #8F334B #9E4764 #AD5E7E

#530200 - #802234 - #AD5E7E

CSS codes

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

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