#B8CAA7 - #EAEFE5 | 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 #B8CAA7 to #EAEFE5

#B8CAA7 #EAEFE5

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

#B8CAA7 - #EAEFE5 | 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 #B8CAA7 as 0% and #EAEFE5 as 100%.

0.0%	0.0% #B8CAA7	RGB 184 202 167	#B8CAA7
16.7%	16.7% #C0D0B1	RGB 192 208 177	#C0D0B1
33.3%	33.3% #C8D6BB	RGB 200 214 187	#C8D6BB
50.0%	50.0% #D1DCC6	RGB 209 220 198	#D1DCC6
66.7%	66.7% #D9E2D0	RGB 217 226 208	#D9E2D0
83.3%	83.3% #E1E8DA	RGB 225 232 218	#E1E8DA
100.0%	100.0% #EAEFE5	RGB 234 239 229	#EAEFE5

#B8CAA7 #C0D0B1 #C8D6BB #D1DCC6 #D9E2D0 #E1E8DA #EAEFE5

#B8CAA7 - #EAEFE5

HSV Blend

#B8CAA7 - #EAEFE5 | 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 #B8CAA7 as 0% and #EAEFE5 as 100%.

0.0%	0.0% #B8CAA7	RGB 184 202 167	#B8CAA7
16.7%	16.7% #C0D0B0	RGB 192 208 176	#C0D0B0
33.3%	33.3% #C8D6BA	RGB 200 214 186	#C8D6BA
50.0%	50.0% #D0DCC4	RGB 208 220 196	#D0DCC4
66.7%	66.7% #D8E2CF	RGB 216 226 207	#D8E2CF
83.3%	83.3% #E1E8D9	RGB 225 232 217	#E1E8D9
100.0%	100.0% #EAEFE5	RGB 234 239 229	#EAEFE5

#B8CAA7 #C0D0B0 #C8D6BA #D0DCC4 #D8E2CF #E1E8D9 #EAEFE5

#B8CAA7 - #D0DCC4 - #EAEFE5

CSS codes

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

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