#66596F - #ADAC8C | 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 #66596F to #ADAC8C

#66596F #ADAC8C

Calculate the color between two colors, #66596F and #ADAC8C. 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)

#66596F - #ADAC8C | 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 #66596F as 0% and #ADAC8C as 100%.

0.0%	0.0% #66596F	RGB 102 89 111	#66596F
16.7%	16.7% #716673	RGB 113 102 115	#716673
33.3%	33.3% #7D7478	RGB 125 116 120	#7D7478
50.0%	50.0% #89827D	RGB 137 130 125	#89827D
66.7%	66.7% #959082	RGB 149 144 130	#959082
83.3%	83.3% #A19E87	RGB 161 158 135	#A19E87
100.0%	100.0% #ADAC8C	RGB 173 172 140	#ADAC8C

#66596F #716673 #7D7478 #89827D #959082 #A19E87 #ADAC8C

#66596F - #ADAC8C

HSV Blend

#66596F - #ADAC8C | 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 #66596F as 0% and #ADAC8C as 100%.

0.0%	0.0% #66596F	RGB 102 89 111	#66596F
16.7%	16.7% #796179	RGB 121 97 121	#796179
33.3%	33.3% #836979	RGB 131 105 121	#836979
50.0%	50.0% #8E7278	RGB 142 114 120	#8E7278
66.7%	66.7% #98807A	RGB 152 128 122	#98807A
83.3%	83.3% #A29583	RGB 162 149 131	#A29583
100.0%	100.0% #ADAC8C	RGB 173 172 140	#ADAC8C

#66596F #796179 #836979 #8E7278 #98807A #A29583 #ADAC8C

#66596F - #8E7278 - #ADAC8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66596F 0%, #8E7278 50%, #ADAC8C 100%);
    background: -webkit-linear-gradient(top, #66596F 0%, #8E7278 50%, #ADAC8C 100%);
    background: linear-gradient(to bottom, #66596F 0%, #8E7278 50%, #ADAC8C 100%);
}
</style>