#EFEEE6 - #BAB594 | 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 #EFEEE6 to #BAB594

#EFEEE6 #BAB594

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

#EFEEE6 - #BAB594 | 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 #EFEEE6 as 0% and #BAB594 as 100%.

0.0%	0.0% #EFEEE6	RGB 239 238 230	#EFEEE6
16.7%	16.7% #E6E4D8	RGB 230 228 216	#E6E4D8
33.3%	33.3% #DDDBCA	RGB 221 219 202	#DDDBCA
50.0%	50.0% #D4D1BD	RGB 212 209 189	#D4D1BD
66.7%	66.7% #CBC8AF	RGB 203 200 175	#CBC8AF
83.3%	83.3% #C2BEA1	RGB 194 190 161	#C2BEA1
100.0%	100.0% #BAB594	RGB 186 181 148	#BAB594

#EFEEE6 #E6E4D8 #DDDBCA #D4D1BD #CBC8AF #C2BEA1 #BAB594

#EFEEE6 - #BAB594

HSV Blend

#EFEEE6 - #BAB594 | 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 #EFEEE6 as 0% and #BAB594 as 100%.

0.0%	0.0% #EFEEE6	RGB 239 238 230	#EFEEE6
16.7%	16.7% #E6E4D7	RGB 230 228 215	#E6E4D7
33.3%	33.3% #DDDAC8	RGB 221 218 200	#DDDAC8
50.0%	50.0% #D4D1BA	RGB 212 209 186	#D4D1BA
66.7%	66.7% #CBC7AD	RGB 203 199 173	#CBC7AD
83.3%	83.3% #C2BEA0	RGB 194 190 160	#C2BEA0
100.0%	100.0% #BAB594	RGB 186 181 148	#BAB594

#EFEEE6 #E6E4D7 #DDDAC8 #D4D1BA #CBC7AD #C2BEA0 #BAB594

#EFEEE6 - #D4D1BA - #BAB594

CSS codes

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

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