#CABA8C - #EFEBDE | 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 #CABA8C to #EFEBDE

#CABA8C #EFEBDE

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

#CABA8C - #EFEBDE | 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 #CABA8C as 0% and #EFEBDE as 100%.

0.0%	0.0% #CABA8C	RGB 202 186 140	#CABA8C
16.7%	16.7% #D0C299	RGB 208 194 153	#D0C299
33.3%	33.3% #D6CAA7	RGB 214 202 167	#D6CAA7
50.0%	50.0% #DCD2B5	RGB 220 210 181	#DCD2B5
66.7%	66.7% #E2DAC2	RGB 226 218 194	#E2DAC2
83.3%	83.3% #E8E2D0	RGB 232 226 208	#E8E2D0
100.0%	100.0% #EFEBDE	RGB 239 235 222	#EFEBDE

#CABA8C #D0C299 #D6CAA7 #DCD2B5 #E2DAC2 #E8E2D0 #EFEBDE

#CABA8C - #EFEBDE

HSV Blend

#CABA8C - #EFEBDE | 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 #CABA8C as 0% and #EFEBDE as 100%.

0.0%	0.0% #CABA8C	RGB 202 186 140	#CABA8C
16.7%	16.7% #D0C298	RGB 208 194 152	#D0C298
33.3%	33.3% #D6CAA5	RGB 214 202 165	#D6CAA5
50.0%	50.0% #DCD2B2	RGB 220 210 178	#DCD2B2
66.7%	66.7% #E2DAC0	RGB 226 218 192	#E2DAC0
83.3%	83.3% #E8E2CF	RGB 232 226 207	#E8E2CF
100.0%	100.0% #EFEBDE	RGB 239 235 222	#EFEBDE

#CABA8C #D0C298 #D6CAA5 #DCD2B2 #E2DAC0 #E8E2CF #EFEBDE

#CABA8C - #DCD2B2 - #EFEBDE

CSS codes

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

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