#999F92 - #E5E9AE | 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 #999F92 to #E5E9AE

#999F92 #E5E9AE

Calculate the color between two colors, #999F92 and #E5E9AE. 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)

#999F92 - #E5E9AE | 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 #999F92 as 0% and #E5E9AE as 100%.

0.0%	0.0% #999F92	RGB 153 159 146	#999F92
16.7%	16.7% #A5AB96	RGB 165 171 150	#A5AB96
33.3%	33.3% #B2B79B	RGB 178 183 155	#B2B79B
50.0%	50.0% #BFC4A0	RGB 191 196 160	#BFC4A0
66.7%	66.7% #CBD0A4	RGB 203 208 164	#CBD0A4
83.3%	83.3% #D8DCA9	RGB 216 220 169	#D8DCA9
100.0%	100.0% #E5E9AE	RGB 229 233 174	#E5E9AE

#999F92 #A5AB96 #B2B79B #BFC4A0 #CBD0A4 #D8DCA9 #E5E9AE

#999F92 - #E5E9AE

HSV Blend

#999F92 - #E5E9AE | 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 #999F92 as 0% and #E5E9AE as 100%.

0.0%	0.0% #999F92	RGB 153 159 146	#999F92
16.7%	16.7% #A3AB98	RGB 163 171 152	#A3AB98
33.3%	33.3% #AFB79E	RGB 175 183 158	#AFB79E
50.0%	50.0% #BBC4A3	RGB 187 196 163	#BBC4A3
66.7%	66.7% #C8D0A7	RGB 200 208 167	#C8D0A7
83.3%	83.3% #D6DCAB	RGB 214 220 171	#D6DCAB
100.0%	100.0% #E5E9AE	RGB 229 233 174	#E5E9AE

#999F92 #A3AB98 #AFB79E #BBC4A3 #C8D0A7 #D6DCAB #E5E9AE

#999F92 - #BBC4A3 - #E5E9AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #999F92 0%, #BBC4A3 50%, #E5E9AE 100%);
    background: -webkit-linear-gradient(top, #999F92 0%, #BBC4A3 50%, #E5E9AE 100%);
    background: linear-gradient(to bottom, #999F92 0%, #BBC4A3 50%, #E5E9AE 100%);
}
</style>