#E6E5E2 - #B0B896 | 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 #E6E5E2 to #B0B896

#E6E5E2 #B0B896

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

#E6E5E2 - #B0B896 | 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 #E6E5E2 as 0% and #B0B896 as 100%.

0.0%	0.0% #E6E5E2	RGB 230 229 226	#E6E5E2
16.7%	16.7% #DDDDD5	RGB 221 221 213	#DDDDD5
33.3%	33.3% #D4D6C8	RGB 212 214 200	#D4D6C8
50.0%	50.0% #CBCEBC	RGB 203 206 188	#CBCEBC
66.7%	66.7% #C2C7AF	RGB 194 199 175	#C2C7AF
83.3%	83.3% #B9BFA2	RGB 185 191 162	#B9BFA2
100.0%	100.0% #B0B896	RGB 176 184 150	#B0B896

#E6E5E2 #DDDDD5 #D4D6C8 #CBCEBC #C2C7AF #B9BFA2 #B0B896

#E6E5E2 - #B0B896

HSV Blend

#E6E5E2 - #B0B896 | 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 #E6E5E2 as 0% and #B0B896 as 100%.

0.0%	0.0% #E6E5E2	RGB 230 229 226	#E6E5E2
16.7%	16.7% #DEDCD4	RGB 222 220 212	#DEDCD4
33.3%	33.3% #D6D5C6	RGB 214 213 198	#D6D5C6
50.0%	50.0% #CFCEBA	RGB 207 206 186	#CFCEBA
66.7%	66.7% #C5C7AD	RGB 197 199 173	#C5C7AD
83.3%	83.3% #BBBFA1	RGB 187 191 161	#BBBFA1
100.0%	100.0% #B0B896	RGB 176 184 150	#B0B896

#E6E5E2 #DEDCD4 #D6D5C6 #CFCEBA #C5C7AD #BBBFA1 #B0B896

#E6E5E2 - #CFCEBA - #B0B896

CSS codes

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

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