#5E593E - #CCCD64 | 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 #5E593E to #CCCD64

#5E593E #CCCD64

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

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

0.0%	0.0% #5E593E	RGB 94 89 62	#5E593E
16.7%	16.7% #706C44	RGB 112 108 68	#706C44
33.3%	33.3% #827F4A	RGB 130 127 74	#827F4A
50.0%	50.0% #959351	RGB 149 147 81	#959351
66.7%	66.7% #A7A657	RGB 167 166 87	#A7A657
83.3%	83.3% #B9B95D	RGB 185 185 93	#B9B95D
100.0%	100.0% #CCCD64	RGB 204 205 100	#CCCD64

#5E593E #706C44 #827F4A #959351 #A7A657 #B9B95D #CCCD64

#5E593E - #CCCD64

HSV Blend

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

0.0%	0.0% #5E593E	RGB 94 89 62	#5E593E
16.7%	16.7% #706B46	RGB 112 107 70	#706B46
33.3%	33.3% #837D4E	RGB 131 125 78	#837D4E
50.0%	50.0% #959055	RGB 149 144 85	#959055
66.7%	66.7% #A8A45B	RGB 168 164 91	#A8A45B
83.3%	83.3% #BAB860	RGB 186 184 96	#BAB860
100.0%	100.0% #CCCD64	RGB 204 205 100	#CCCD64

#5E593E #706B46 #837D4E #959055 #A8A45B #BAB860 #CCCD64

#5E593E - #959055 - #CCCD64

CSS codes

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

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