#724A55 - #201518 | 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 #724A55 to #201518

#724A55 #201518

Calculate the color between two colors, #724A55 and #201518. 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)

#724A55 - #201518 | 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 #724A55 as 0% and #201518 as 100%.

0.0%	0.0% #724A55	RGB 114 74 85	#724A55
16.7%	16.7% #64414A	RGB 100 65 74	#64414A
33.3%	33.3% #563840	RGB 86 56 64	#563840
50.0%	50.0% #492F36	RGB 73 47 54	#492F36
66.7%	66.7% #3B262C	RGB 59 38 44	#3B262C
83.3%	83.3% #2D1D22	RGB 45 29 34	#2D1D22
100.0%	100.0% #201518	RGB 32 21 24	#201518

#724A55 #64414A #563840 #492F36 #3B262C #2D1D22 #201518

#724A55 - #201518

HSV Blend

#724A55 - #201518 | 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 #724A55 as 0% and #201518 as 100%.

0.0%	0.0% #724A55	RGB 114 74 85	#724A55
16.7%	16.7% #64414A	RGB 100 65 74	#64414A
33.3%	33.3% #563840	RGB 86 56 64	#563840
50.0%	50.0% #492F36	RGB 73 47 54	#492F36
66.7%	66.7% #3B262C	RGB 59 38 44	#3B262C
83.3%	83.3% #2D1D22	RGB 45 29 34	#2D1D22
100.0%	100.0% #201518	RGB 32 21 24	#201518

#724A55 #64414A #563840 #492F36 #3B262C #2D1D22 #201518

#724A55 - #492F36 - #201518

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #724A55 0%, #492F36 50%, #201518 100%);
    background: -webkit-linear-gradient(top, #724A55 0%, #492F36 50%, #201518 100%);
    background: linear-gradient(to bottom, #724A55 0%, #492F36 50%, #201518 100%);
}
</style>