#5E454A - #CD756F | 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 #5E454A to #CD756F

#5E454A #CD756F

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

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

0.0%	0.0% #5E454A	RGB 94 69 74	#5E454A
16.7%	16.7% #704D50	RGB 112 77 80	#704D50
33.3%	33.3% #835556	RGB 131 85 86	#835556
50.0%	50.0% #955D5C	RGB 149 93 92	#955D5C
66.7%	66.7% #A86562	RGB 168 101 98	#A86562
83.3%	83.3% #BA6D68	RGB 186 109 104	#BA6D68
100.0%	100.0% #CD756F	RGB 205 117 111	#CD756F

#5E454A #704D50 #835556 #955D5C #A86562 #BA6D68 #CD756F

#5E454A - #CD756F

HSV Blend

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

0.0%	0.0% #5E454A	RGB 94 69 74	#5E454A
16.7%	16.7% #704E54	RGB 112 78 84	#704E54
33.3%	33.3% #83575C	RGB 131 87 92	#83575C
50.0%	50.0% #955F63	RGB 149 95 99	#955F63
66.7%	66.7% #A86567	RGB 168 101 103	#A86567
83.3%	83.3% #BA6C6A	RGB 186 108 106	#BA6C6A
100.0%	100.0% #CD756F	RGB 205 117 111	#CD756F

#5E454A #704E54 #83575C #955F63 #A86567 #BA6C6A #CD756F

#5E454A - #955F63 - #CD756F

CSS codes

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

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