#5E4141 - #CA8B6B | 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 #5E4141 to #CA8B6B

#5E4141 #CA8B6B

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

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

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #704D48	RGB 112 77 72	#704D48
33.3%	33.3% #82594F	RGB 130 89 79	#82594F
50.0%	50.0% #946656	RGB 148 102 86	#946656
66.7%	66.7% #A6725D	RGB 166 114 93	#A6725D
83.3%	83.3% #B87E64	RGB 184 126 100	#B87E64
100.0%	100.0% #CA8B6B	RGB 202 139 107	#CA8B6B

#5E4141 #704D48 #82594F #946656 #A6725D #B87E64 #CA8B6B

#5E4141 - #CA8B6B

HSV Blend

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

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #704C4A	RGB 112 76 74	#704C4A
33.3%	33.3% #825852	RGB 130 88 82	#825852
50.0%	50.0% #94645A	RGB 148 100 90	#94645A
66.7%	66.7% #A67060	RGB 166 112 96	#A67060
83.3%	83.3% #B87D66	RGB 184 125 102	#B87D66
100.0%	100.0% #CA8B6B	RGB 202 139 107	#CA8B6B

#5E4141 #704C4A #825852 #94645A #A67060 #B87D66 #CA8B6B

#5E4141 - #94645A - #CA8B6B

CSS codes

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

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