#5E383B - #CBB17A | 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 #5E383B to #CBB17A

#5E383B #CBB17A

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

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

0.0%	0.0% #5E383B	RGB 94 56 59	#5E383B
16.7%	16.7% #704C45	RGB 112 76 69	#704C45
33.3%	33.3% #826050	RGB 130 96 80	#826050
50.0%	50.0% #94745A	RGB 148 116 90	#94745A
66.7%	66.7% #A68865	RGB 166 136 101	#A68865
83.3%	83.3% #B89C6F	RGB 184 156 111	#B89C6F
100.0%	100.0% #CBB17A	RGB 203 177 122	#CBB17A

#5E383B #704C45 #826050 #94745A #A68865 #B89C6F #CBB17A

#5E383B - #CBB17A

HSV Blend

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

0.0%	0.0% #5E383B	RGB 94 56 59	#5E383B
16.7%	16.7% #704542	RGB 112 69 66	#704542
33.3%	33.3% #82564D	RGB 130 86 77	#82564D
50.0%	50.0% #946A58	RGB 148 106 88	#946A58
66.7%	66.7% #A68063	RGB 166 128 99	#A68063
83.3%	83.3% #B8976E	RGB 184 151 110	#B8976E
100.0%	100.0% #CBB17A	RGB 203 177 122	#CBB17A

#5E383B #704542 #82564D #946A58 #A68063 #B8976E #CBB17A

#5E383B - #946A58 - #CBB17A

CSS codes

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

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