#74493C - #DC905D | 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 #74493C to #DC905D

#74493C #DC905D

Calculate the color between two colors, #74493C and #DC905D. 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)

#74493C - #DC905D | 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 #74493C as 0% and #DC905D as 100%.

0.0%	0.0% #74493C	RGB 116 73 60	#74493C
16.7%	16.7% #855441	RGB 133 84 65	#855441
33.3%	33.3% #966047	RGB 150 96 71	#966047
50.0%	50.0% #A86C4C	RGB 168 108 76	#A86C4C
66.7%	66.7% #B97852	RGB 185 120 82	#B97852
83.3%	83.3% #CA8457	RGB 202 132 87	#CA8457
100.0%	100.0% #DC905D	RGB 220 144 93	#DC905D

#74493C #855441 #966047 #A86C4C #B97852 #CA8457 #DC905D

#74493C - #DC905D

HSV Blend

#74493C - #DC905D | 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 #74493C as 0% and #DC905D as 100%.

0.0%	0.0% #74493C	RGB 116 73 60	#74493C
16.7%	16.7% #855442	RGB 133 84 66	#855442
33.3%	33.3% #965F49	RGB 150 95 73	#965F49
50.0%	50.0% #A86B4E	RGB 168 107 78	#A86B4E
66.7%	66.7% #B97754	RGB 185 119 84	#B97754
83.3%	83.3% #CA8358	RGB 202 131 88	#CA8358
100.0%	100.0% #DC905D	RGB 220 144 93	#DC905D

#74493C #855442 #965F49 #A86B4E #B97754 #CA8358 #DC905D

#74493C - #A86B4E - #DC905D

CSS codes

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

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