#5E693D - #CDB365 | 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 #5E693D to #CDB365

#5E693D #CDB365

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

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

0.0%	0.0% #5E693D	RGB 94 105 61	#5E693D
16.7%	16.7% #707543	RGB 112 117 67	#707543
33.3%	33.3% #83814A	RGB 131 129 74	#83814A
50.0%	50.0% #958E51	RGB 149 142 81	#958E51
66.7%	66.7% #A89A57	RGB 168 154 87	#A89A57
83.3%	83.3% #BAA65E	RGB 186 166 94	#BAA65E
100.0%	100.0% #CDB365	RGB 205 179 101	#CDB365

#5E693D #707543 #83814A #958E51 #A89A57 #BAA65E #CDB365

#5E693D - #CDB365

HSV Blend

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

0.0%	0.0% #5E693D	RGB 94 105 61	#5E693D
16.7%	16.7% #707944	RGB 112 121 68	#707944
33.3%	33.3% #858A4C	RGB 133 138 76	#858A4C
50.0%	50.0% #9B9B53	RGB 155 155 83	#9B9B53
66.7%	66.7% #ABA459	RGB 171 164 89	#ABA459
83.3%	83.3% #BCAC5F	RGB 188 172 95	#BCAC5F
100.0%	100.0% #CDB365	RGB 205 179 101	#CDB365

#5E693D #707944 #858A4C #9B9B53 #ABA459 #BCAC5F #CDB365

#5E693D - #9B9B53 - #CDB365

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E693D 0%, #9B9B53 50%, #CDB365 100%);
    background: -webkit-linear-gradient(top, #5E693D 0%, #9B9B53 50%, #CDB365 100%);
    background: linear-gradient(to bottom, #5E693D 0%, #9B9B53 50%, #CDB365 100%);
}
</style>