#5E542B - #CBAF4B | 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 #5E542B to #CBAF4B

#5E542B #CBAF4B

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

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

0.0%	0.0% #5E542B	RGB 94 84 43	#5E542B
16.7%	16.7% #706330	RGB 112 99 48	#706330
33.3%	33.3% #827235	RGB 130 114 53	#827235
50.0%	50.0% #94813B	RGB 148 129 59	#94813B
66.7%	66.7% #A69040	RGB 166 144 64	#A69040
83.3%	83.3% #B89F45	RGB 184 159 69	#B89F45
100.0%	100.0% #CBAF4B	RGB 203 175 75	#CBAF4B

#5E542B #706330 #827235 #94813B #A69040 #B89F45 #CBAF4B

#5E542B - #CBAF4B

HSV Blend

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

0.0%	0.0% #5E542B	RGB 94 84 43	#5E542B
16.7%	16.7% #706331	RGB 112 99 49	#706331
33.3%	33.3% #827337	RGB 130 115 55	#827337
50.0%	50.0% #94823D	RGB 148 130 61	#94823D
66.7%	66.7% #A69142	RGB 166 145 66	#A69142
83.3%	83.3% #B8A046	RGB 184 160 70	#B8A046
100.0%	100.0% #CBAF4B	RGB 203 175 75	#CBAF4B

#5E542B #706331 #827337 #94823D #A69142 #B8A046 #CBAF4B

#5E542B - #94823D - #CBAF4B

CSS codes

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

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