#B2B19C - #EED1B5 | 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 #B2B19C to #EED1B5

#B2B19C #EED1B5

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

#B2B19C - #EED1B5 | 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 #B2B19C as 0% and #EED1B5 as 100%.

0.0%	0.0% #B2B19C	RGB 178 177 156	#B2B19C
16.7%	16.7% #BCB6A0	RGB 188 182 160	#BCB6A0
33.3%	33.3% #C6BBA4	RGB 198 187 164	#C6BBA4
50.0%	50.0% #D0C1A8	RGB 208 193 168	#D0C1A8
66.7%	66.7% #DAC6AC	RGB 218 198 172	#DAC6AC
83.3%	83.3% #E4CBB0	RGB 228 203 176	#E4CBB0
100.0%	100.0% #EED1B5	RGB 238 209 181	#EED1B5

#B2B19C #BCB6A0 #C6BBA4 #D0C1A8 #DAC6AC #E4CBB0 #EED1B5

#B2B19C - #EED1B5

HSV Blend

#B2B19C - #EED1B5 | 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 #B2B19C as 0% and #EED1B5 as 100%.

0.0%	0.0% #B2B19C	RGB 178 177 156	#B2B19C
16.7%	16.7% #BCB8A1	RGB 188 184 161	#BCB8A1
33.3%	33.3% #C6BFA5	RGB 198 191 165	#C6BFA5
50.0%	50.0% #D0C5AA	RGB 208 197 170	#D0C5AA
66.7%	66.7% #DACAAE	RGB 218 202 174	#DACAAE
83.3%	83.3% #E4CEB1	RGB 228 206 177	#E4CEB1
100.0%	100.0% #EED1B5	RGB 238 209 181	#EED1B5

#B2B19C #BCB8A1 #C6BFA5 #D0C5AA #DACAAE #E4CEB1 #EED1B5

#B2B19C - #D0C5AA - #EED1B5

CSS codes

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

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