#5E3D4F - #CD8674 | 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 #5E3D4F to #CD8674

#5E3D4F #CD8674

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

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

0.0%	0.0% #5E3D4F	RGB 94 61 79	#5E3D4F
16.7%	16.7% #704955	RGB 112 73 85	#704955
33.3%	33.3% #83555B	RGB 131 85 91	#83555B
50.0%	50.0% #956161	RGB 149 97 97	#956161
66.7%	66.7% #A86D67	RGB 168 109 103	#A86D67
83.3%	83.3% #BA796D	RGB 186 121 109	#BA796D
100.0%	100.0% #CD8674	RGB 205 134 116	#CD8674

#5E3D4F #704955 #83555B #956161 #A86D67 #BA796D #CD8674

#5E3D4F - #CD8674

HSV Blend

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

0.0%	0.0% #5E3D4E	RGB 94 61 78	#5E3D4E
16.7%	16.7% #704758	RGB 112 71 88	#704758
33.3%	33.3% #835160	RGB 131 81 96	#835160
50.0%	50.0% #955A64	RGB 149 90 100	#955A64
66.7%	66.7% #A86366	RGB 168 99 102	#A86366
83.3%	83.3% #BA726C	RGB 186 114 108	#BA726C
100.0%	100.0% #CD8674	RGB 205 134 116	#CD8674

#5E3D4E #704758 #835160 #955A64 #A86366 #BA726C #CD8674

#5E3D4F - #955A64 - #CD8674

CSS codes

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

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