#666E5E - #CBB780 | 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 #666E5E to #CBB780

#666E5E #CBB780

Calculate the color between two colors, #666E5E and #CBB780. 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)

#666E5E - #CBB780 | 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 #666E5E as 0% and #CBB780 as 100%.

0.0%	0.0% #666E5E	RGB 102 110 94	#666E5E
16.7%	16.7% #767A63	RGB 118 122 99	#767A63
33.3%	33.3% #878669	RGB 135 134 105	#878669
50.0%	50.0% #98926F	RGB 152 146 111	#98926F
66.7%	66.7% #A99E74	RGB 169 158 116	#A99E74
83.3%	83.3% #BAAA7A	RGB 186 170 122	#BAAA7A
100.0%	100.0% #CBB780	RGB 203 183 128	#CBB780

#666E5E #767A63 #878669 #98926F #A99E74 #BAAA7A #CBB780

#666E5E - #CBB780

HSV Blend

#666E5E - #CBB780 | 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 #666E5E as 0% and #CBB780 as 100%.

0.0%	0.0% #666E5E	RGB 102 110 94	#666E5E
16.7%	16.7% #747D66	RGB 116 125 102	#747D66
33.3%	33.3% #858D6D	RGB 133 141 109	#858D6D
50.0%	50.0% #979C74	RGB 151 156 116	#979C74
66.7%	66.7% #ACAB79	RGB 172 171 121	#ACAB79
83.3%	83.3% #BBB27D	RGB 187 178 125	#BBB27D
100.0%	100.0% #CBB780	RGB 203 183 128	#CBB780

#666E5E #747D66 #858D6D #979C74 #ACAB79 #BBB27D #CBB780

#666E5E - #979C74 - #CBB780

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #666E5E 0%, #979C74 50%, #CBB780 100%);
    background: -webkit-linear-gradient(top, #666E5E 0%, #979C74 50%, #CBB780 100%);
    background: linear-gradient(to bottom, #666E5E 0%, #979C74 50%, #CBB780 100%);
}
</style>