#969C92 - #E4D6A7 | 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 #969C92 to #E4D6A7

#969C92 #E4D6A7

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

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

0.0%	0.0% #969C92	RGB 150 156 146	#969C92
16.7%	16.7% #A3A595	RGB 163 165 149	#A3A595
33.3%	33.3% #B0AF99	RGB 176 175 153	#B0AF99
50.0%	50.0% #BDB99C	RGB 189 185 156	#BDB99C
66.7%	66.7% #CAC2A0	RGB 202 194 160	#CAC2A0
83.3%	83.3% #D7CCA3	RGB 215 204 163	#D7CCA3
100.0%	100.0% #E4D6A7	RGB 228 214 167	#E4D6A7

#969C92 #A3A595 #B0AF99 #BDB99C #CAC2A0 #D7CCA3 #E4D6A7

#969C92 - #E4D6A7

HSV Blend

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

0.0%	0.0% #969C92	RGB 150 156 146	#969C92
16.7%	16.7% #A0A897	RGB 160 168 151	#A0A897
33.3%	33.3% #ACB49C	RGB 172 180 156	#ACB49C
50.0%	50.0% #BAC0A0	RGB 186 192 160	#BAC0A0
66.7%	66.7% #CACCA3	RGB 202 204 163	#CACCA3
83.3%	83.3% #D8D3A5	RGB 216 211 165	#D8D3A5
100.0%	100.0% #E4D6A7	RGB 228 214 167	#E4D6A7

#969C92 #A0A897 #ACB49C #BAC0A0 #CACCA3 #D8D3A5 #E4D6A7

#969C92 - #BAC0A0 - #E4D6A7

CSS codes

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

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