#969C5E - #E1E2D1 | 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 #969C5E to #E1E2D1

#969C5E #E1E2D1

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

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

0.0%	0.0% #969C5E	RGB 150 156 94	#969C5E
16.7%	16.7% #A2A771	RGB 162 167 113	#A2A771
33.3%	33.3% #AFB384	RGB 175 179 132	#AFB384
50.0%	50.0% #BBBF97	RGB 187 191 151	#BBBF97
66.7%	66.7% #C8CAAA	RGB 200 202 170	#C8CAAA
83.3%	83.3% #D4D6BD	RGB 212 214 189	#D4D6BD
100.0%	100.0% #E1E2D1	RGB 225 226 209	#E1E2D1

#969C5E #A2A771 #AFB384 #BBBF97 #C8CAAA #D4D6BD #E1E2D1

#969C5E - #E1E2D1

HSV Blend

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

0.0%	0.0% #969C5E	RGB 150 156 94	#969C5E
16.7%	16.7% #A2A76E	RGB 162 167 110	#A2A76E
33.3%	33.3% #AEB37F	RGB 174 179 127	#AEB37F
50.0%	50.0% #BBBF91	RGB 187 191 145	#BBBF91
66.7%	66.7% #C8CAA5	RGB 200 202 165	#C8CAA5
83.3%	83.3% #D4D6BA	RGB 212 214 186	#D4D6BA
100.0%	100.0% #E1E2D1	RGB 225 226 209	#E1E2D1

#969C5E #A2A76E #AEB37F #BBBF91 #C8CAA5 #D4D6BA #E1E2D1

#969C5E - #BBBF91 - #E1E2D1

CSS codes

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

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