#EFF8EE - #B8C0A8 | 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 #EFF8EE to #B8C0A8

#EFF8EE #B8C0A8

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

#EFF8EE - #B8C0A8 | 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 #EFF8EE as 0% and #B8C0A8 as 100%.

0.0%	0.0% #EFF8EE	RGB 239 248 238	#EFF8EE
16.7%	16.7% #E5EEE2	RGB 229 238 226	#E5EEE2
33.3%	33.3% #DCE5D6	RGB 220 229 214	#DCE5D6
50.0%	50.0% #D3DCCB	RGB 211 220 203	#D3DCCB
66.7%	66.7% #CAD2BF	RGB 202 210 191	#CAD2BF
83.3%	83.3% #C1C9B3	RGB 193 201 179	#C1C9B3
100.0%	100.0% #B8C0A8	RGB 184 192 168	#B8C0A8

#EFF8EE #E5EEE2 #DCE5D6 #D3DCCB #CAD2BF #C1C9B3 #B8C0A8

#EFF8EE - #B8C0A8

HSV Blend

#EFF8EE - #B8C0A8 | 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 #EFF8EE as 0% and #B8C0A8 as 100%.

0.0%	0.0% #EFF8EE	RGB 239 248 238	#EFF8EE
16.7%	16.7% #E4EEE1	RGB 228 238 225	#E4EEE1
33.3%	33.3% #DAE5D5	RGB 218 229 213	#DAE5D5
50.0%	50.0% #D0DCC9	RGB 208 220 201	#D0DCC9
66.7%	66.7% #C8D2BE	RGB 200 210 190	#C8D2BE
83.3%	83.3% #BFC9B3	RGB 191 201 179	#BFC9B3
100.0%	100.0% #B8C0A8	RGB 184 192 168	#B8C0A8

#EFF8EE #E4EEE1 #DAE5D5 #D0DCC9 #C8D2BE #BFC9B3 #B8C0A8

#EFF8EE - #D0DCC9 - #B8C0A8

CSS codes

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

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