#B3B5A2 - #EEE6BC | 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 #B3B5A2 to #EEE6BC

#B3B5A2 #EEE6BC

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

#B3B5A2 - #EEE6BC | 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 #B3B5A2 as 0% and #EEE6BC as 100%.

0.0%	0.0% #B3B5A2	RGB 179 181 162	#B3B5A2
16.7%	16.7% #BCBDA6	RGB 188 189 166	#BCBDA6
33.3%	33.3% #C6C5AA	RGB 198 197 170	#C6C5AA
50.0%	50.0% #D0CDAF	RGB 208 205 175	#D0CDAF
66.7%	66.7% #DAD5B3	RGB 218 213 179	#DAD5B3
83.3%	83.3% #E4DDB7	RGB 228 221 183	#E4DDB7
100.0%	100.0% #EEE6BC	RGB 238 230 188	#EEE6BC

#B3B5A2 #BCBDA6 #C6C5AA #D0CDAF #DAD5B3 #E4DDB7 #EEE6BC

#B3B5A2 - #EEE6BC

HSV Blend

#B3B5A2 - #EEE6BC | 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 #B3B5A2 as 0% and #EEE6BC as 100%.

0.0%	0.0% #B3B5A2	RGB 179 181 162	#B3B5A2
16.7%	16.7% #BDBEA7	RGB 189 190 167	#BDBEA7
33.3%	33.3% #C7C8AB	RGB 199 200 171	#C7C8AB
50.0%	50.0% #D1D0B0	RGB 209 208 176	#D1D0B0
66.7%	66.7% #DBD8B4	RGB 219 216 180	#DBD8B4
83.3%	83.3% #E4DFB8	RGB 228 223 184	#E4DFB8
100.0%	100.0% #EEE6BC	RGB 238 230 188	#EEE6BC

#B3B5A2 #BDBEA7 #C7C8AB #D1D0B0 #DBD8B4 #E4DFB8 #EEE6BC

#B3B5A2 - #D1D0B0 - #EEE6BC

CSS codes

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

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