#5E4745 - #CD926F | 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 #5E4745 to #CD926F

#5E4745 #CD926F

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

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

0.0%	0.0% #5E4745	RGB 94 71 69	#5E4745
16.7%	16.7% #70534C	RGB 112 83 76	#70534C
33.3%	33.3% #836053	RGB 131 96 83	#836053
50.0%	50.0% #956C5A	RGB 149 108 90	#956C5A
66.7%	66.7% #A87961	RGB 168 121 97	#A87961
83.3%	83.3% #BA8568	RGB 186 133 104	#BA8568
100.0%	100.0% #CD926F	RGB 205 146 111	#CD926F

#5E4745 #70534C #836053 #956C5A #A87961 #BA8568 #CD926F

#5E4745 - #CD926F

HSV Blend

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

0.0%	0.0% #5E4745	RGB 94 71 69	#5E4745
16.7%	16.7% #70534E	RGB 112 83 78	#70534E
33.3%	33.3% #835F57	RGB 131 95 87	#835F57
50.0%	50.0% #956B5F	RGB 149 107 95	#956B5F
66.7%	66.7% #A87765	RGB 168 119 101	#A87765
83.3%	83.3% #BA846A	RGB 186 132 106	#BA846A
100.0%	100.0% #CD926F	RGB 205 146 111	#CD926F

#5E4745 #70534E #835F57 #956B5F #A87765 #BA846A #CD926F

#5E4745 - #956B5F - #CD926F

CSS codes

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

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