#969A8C - #E5C0A3 | 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 #969A8C to #E5C0A3

#969A8C #E5C0A3

Calculate the color between two colors, #969A8C and #E5C0A3. 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)

#969A8C - #E5C0A3 | 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 #969A8C as 0% and #E5C0A3 as 100%.

0.0%	0.0% #969A8C	RGB 150 154 140	#969A8C
16.7%	16.7% #A3A08F	RGB 163 160 143	#A3A08F
33.3%	33.3% #B0A693	RGB 176 166 147	#B0A693
50.0%	50.0% #BDAD97	RGB 189 173 151	#BDAD97
66.7%	66.7% #CAB39B	RGB 202 179 155	#CAB39B
83.3%	83.3% #D7B99F	RGB 215 185 159	#D7B99F
100.0%	100.0% #E5C0A3	RGB 229 192 163	#E5C0A3

#969A8C #A3A08F #B0A693 #BDAD97 #CAB39B #D7B99F #E5C0A3

#969A8C - #E5C0A3

HSV Blend

#969A8C - #E5C0A3 | 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 #969A8C as 0% and #E5C0A3 as 100%.

0.0%	0.0% #969A8C	RGB 150 154 140	#969A8C
16.7%	16.7% #A3A691	RGB 163 166 145	#A3A691
33.3%	33.3% #B2B396	RGB 178 179 150	#B2B396
50.0%	50.0% #BFBA9B	RGB 191 186 155	#BFBA9B
66.7%	66.7% #CCBF9E	RGB 204 191 158	#CCBF9E
83.3%	83.3% #D8C1A1	RGB 216 193 161	#D8C1A1
100.0%	100.0% #E5C0A3	RGB 229 192 163	#E5C0A3

#969A8C #A3A691 #B2B396 #BFBA9B #CCBF9E #D8C1A1 #E5C0A3

#969A8C - #BFBA9B - #E5C0A3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969A8C 0%, #BFBA9B 50%, #E5C0A3 100%);
    background: -webkit-linear-gradient(top, #969A8C 0%, #BFBA9B 50%, #E5C0A3 100%);
    background: linear-gradient(to bottom, #969A8C 0%, #BFBA9B 50%, #E5C0A3 100%);
}
</style>