#EEF0EB - #B4CDA2 | 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 #EEF0EB to #B4CDA2

#EEF0EB #B4CDA2

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

#EEF0EB - #B4CDA2 | 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 #EEF0EB as 0% and #B4CDA2 as 100%.

0.0%	0.0% #EEF0EB	RGB 238 240 235	#EEF0EB
16.7%	16.7% #E4EADE	RGB 228 234 222	#E4EADE
33.3%	33.3% #DAE4D2	RGB 218 228 210	#DAE4D2
50.0%	50.0% #D1DEC6	RGB 209 222 198	#D1DEC6
66.7%	66.7% #C7D8BA	RGB 199 216 186	#C7D8BA
83.3%	83.3% #BDD2AE	RGB 189 210 174	#BDD2AE
100.0%	100.0% #B4CDA2	RGB 180 205 162	#B4CDA2

#EEF0EB #E4EADE #DAE4D2 #D1DEC6 #C7D8BA #BDD2AE #B4CDA2

#EEF0EB - #B4CDA2

HSV Blend

#EEF0EB - #B4CDA2 | 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 #EEF0EB as 0% and #B4CDA2 as 100%.

0.0%	0.0% #EEF0EB	RGB 238 240 235	#EEF0EB
16.7%	16.7% #E4EADD	RGB 228 234 221	#E4EADD
33.3%	33.3% #DBE4D1	RGB 219 228 209	#DBE4D1
50.0%	50.0% #D1DEC4	RGB 209 222 196	#D1DEC4
66.7%	66.7% #C8D8B8	RGB 200 216 184	#C8D8B8
83.3%	83.3% #BED2AD	RGB 190 210 173	#BED2AD
100.0%	100.0% #B4CDA2	RGB 180 205 162	#B4CDA2

#EEF0EB #E4EADD #DBE4D1 #D1DEC4 #C8D8B8 #BED2AD #B4CDA2

#EEF0EB - #D1DEC4 - #B4CDA2

CSS codes

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

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