#5E3A41 - #CA7E5F | 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 #5E3A41 to #CA7E5F

#5E3A41 #CA7E5F

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

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

0.0%	0.0% #5E3A41	RGB 94 58 65	#5E3A41
16.7%	16.7% #704546	RGB 112 69 70	#704546
33.3%	33.3% #82504B	RGB 130 80 75	#82504B
50.0%	50.0% #945C50	RGB 148 92 80	#945C50
66.7%	66.7% #A66755	RGB 166 103 85	#A66755
83.3%	83.3% #B8725A	RGB 184 114 90	#B8725A
100.0%	100.0% #CA7E5F	RGB 202 126 95	#CA7E5F

#5E3A41 #704546 #82504B #945C50 #A66755 #B8725A #CA7E5F

#5E3A41 - #CA7E5F

HSV Blend

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

0.0%	0.0% #5E3A41	RGB 94 58 65	#5E3A41
16.7%	16.7% #704247	RGB 112 66 71	#704247
33.3%	33.3% #82494B	RGB 130 73 75	#82494B
50.0%	50.0% #945350	RGB 148 83 80	#945350
66.7%	66.7% #A66056	RGB 166 96 86	#A66056
83.3%	83.3% #B86E5B	RGB 184 110 91	#B86E5B
100.0%	100.0% #CA7E5F	RGB 202 126 95	#CA7E5F

#5E3A41 #704247 #82494B #945350 #A66056 #B86E5B #CA7E5F

#5E3A41 - #945350 - #CA7E5F

CSS codes

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

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