#5E413C - #CA8964 | 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 #5E413C to #CA8964

#5E413C #CA8964

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

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

0.0%	0.0% #5E413C	RGB 94 65 60	#5E413C
16.7%	16.7% #704D42	RGB 112 77 66	#704D42
33.3%	33.3% #825949	RGB 130 89 73	#825949
50.0%	50.0% #946550	RGB 148 101 80	#946550
66.7%	66.7% #A67156	RGB 166 113 86	#A67156
83.3%	83.3% #B87D5D	RGB 184 125 93	#B87D5D
100.0%	100.0% #CA8964	RGB 202 137 100	#CA8964

#5E413C #704D42 #825949 #946550 #A67156 #B87D5D #CA8964

#5E413C - #CA8964

HSV Blend

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

0.0%	0.0% #5E413C	RGB 94 65 60	#5E413C
16.7%	16.7% #704C44	RGB 112 76 68	#704C44
33.3%	33.3% #82584C	RGB 130 88 76	#82584C
50.0%	50.0% #946453	RGB 148 100 83	#946453
66.7%	66.7% #A6705A	RGB 166 112 90	#A6705A
83.3%	83.3% #B87C5F	RGB 184 124 95	#B87C5F
100.0%	100.0% #CA8964	RGB 202 137 100	#CA8964

#5E413C #704C44 #82584C #946453 #A6705A #B87C5F #CA8964

#5E413C - #946453 - #CA8964

CSS codes

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

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