#CBA09C - #F0E3E2 | 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 #CBA09C to #F0E3E2

#CBA09C #F0E3E2

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

#CBA09C - #F0E3E2 | 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 #CBA09C as 0% and #F0E3E2 as 100%.

0.0%	0.0% #CBA09C	RGB 203 160 156	#CBA09C
16.7%	16.7% #D1ABA7	RGB 209 171 167	#D1ABA7
33.3%	33.3% #D7B6B3	RGB 215 182 179	#D7B6B3
50.0%	50.0% #DDC1BF	RGB 221 193 191	#DDC1BF
66.7%	66.7% #E3CCCA	RGB 227 204 202	#E3CCCA
83.3%	83.3% #E9D7D6	RGB 233 215 214	#E9D7D6
100.0%	100.0% #F0E3E2	RGB 240 227 226	#F0E3E2

#CBA09C #D1ABA7 #D7B6B3 #DDC1BF #E3CCCA #E9D7D6 #F0E3E2

#CBA09C - #F0E3E2

HSV Blend

#CBA09C - #F0E3E2 | 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 #CBA09C as 0% and #F0E3E2 as 100%.

0.0%	0.0% #CBA09C	RGB 203 160 156	#CBA09C
16.7%	16.7% #D1AAA6	RGB 209 170 166	#D1AAA6
33.3%	33.3% #D7B4B1	RGB 215 180 177	#D7B4B1
50.0%	50.0% #DDBFBD	RGB 221 191 189	#DDBFBD
66.7%	66.7% #E3CBC9	RGB 227 203 201	#E3CBC9
83.3%	83.3% #E9D6D5	RGB 233 214 213	#E9D6D5
100.0%	100.0% #F0E3E2	RGB 240 227 226	#F0E3E2

#CBA09C #D1AAA6 #D7B4B1 #DDBFBD #E3CBC9 #E9D6D5 #F0E3E2

#CBA09C - #DDBFBD - #F0E3E2

CSS codes

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

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