#F4E5E5 - #CBA09D | 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 #F4E5E5 to #CBA09D

#F4E5E5 #CBA09D

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

#F4E5E5 - #CBA09D | 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 #F4E5E5 as 0% and #CBA09D as 100%.

0.0%	0.0% #F4E5E5	RGB 244 229 229	#F4E5E5
16.7%	16.7% #EDD9D9	RGB 237 217 217	#EDD9D9
33.3%	33.3% #E6CECD	RGB 230 206 205	#E6CECD
50.0%	50.0% #DFC2C1	RGB 223 194 193	#DFC2C1
66.7%	66.7% #D8B7B5	RGB 216 183 181	#D8B7B5
83.3%	83.3% #D1ABA9	RGB 209 171 169	#D1ABA9
100.0%	100.0% #CBA09D	RGB 203 160 157	#CBA09D

#F4E5E5 #EDD9D9 #E6CECD #DFC2C1 #D8B7B5 #D1ABA9 #CBA09D

#F4E5E5 - #CBA09D

HSV Blend

#F4E5E5 - #CBA09D | 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 #F4E5E5 as 0% and #CBA09D as 100%.

0.0%	0.0% #F4E5E5	RGB 244 229 229	#F4E5E5
16.7%	16.7% #EDD8D8	RGB 237 216 216	#EDD8D8
33.3%	33.3% #E6CCCB	RGB 230 204 203	#E6CCCB
50.0%	50.0% #DFC0BF	RGB 223 192 191	#DFC0BF
66.7%	66.7% #D8B5B3	RGB 216 181 179	#D8B5B3
83.3%	83.3% #D1AAA8	RGB 209 170 168	#D1AAA8
100.0%	100.0% #CBA09D	RGB 203 160 157	#CBA09D

#F4E5E5 #EDD8D8 #E6CCCB #DFC0BF #D8B5B3 #D1AAA8 #CBA09D

#F4E5E5 - #DFC0BF - #CBA09D

CSS codes

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

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