#B2AA3C - #E9E6C7 | 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 #B2AA3C to #E9E6C7

#B2AA3C #E9E6C7

Calculate the color between two colors, #B2AA3C and #E9E6C7. 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)

#B2AA3C - #E9E6C7 | 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 #B2AA3C as 0% and #E9E6C7 as 100%.

0.0%	0.0% #B2AA3C	RGB 178 170 60	#B2AA3C
16.7%	16.7% #BBB453	RGB 187 180 83	#BBB453
33.3%	33.3% #C4BE6A	RGB 196 190 106	#C4BE6A
50.0%	50.0% #CDC881	RGB 205 200 129	#CDC881
66.7%	66.7% #D6D298	RGB 214 210 152	#D6D298
83.3%	83.3% #DFDCAF	RGB 223 220 175	#DFDCAF
100.0%	100.0% #E9E6C7	RGB 233 230 199	#E9E6C7

#B2AA3C #BBB453 #C4BE6A #CDC881 #D6D298 #DFDCAF #E9E6C7

#B2AA3C - #E9E6C7

HSV Blend

#B2AA3C - #E9E6C7 | 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 #B2AA3C as 0% and #E9E6C7 as 100%.

0.0%	0.0% #B2AA3C	RGB 178 170 60	#B2AA3C
16.7%	16.7% #BBB34F	RGB 187 179 79	#BBB34F
33.3%	33.3% #C4BD64	RGB 196 189 100	#C4BD64
50.0%	50.0% #CDC77A	RGB 205 199 122	#CDC77A
66.7%	66.7% #D6D192	RGB 214 209 146	#D6D192
83.3%	83.3% #DFDBAB	RGB 223 219 171	#DFDBAB
100.0%	100.0% #E9E6C7	RGB 233 230 199	#E9E6C7

#B2AA3C #BBB34F #C4BD64 #CDC77A #D6D192 #DFDBAB #E9E6C7

#B2AA3C - #CDC77A - #E9E6C7

CSS codes

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

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