#F5E2E5 - #CA9AA1 | 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 #F5E2E5 to #CA9AA1

#F5E2E5 #CA9AA1

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

#F5E2E5 - #CA9AA1 | 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 #F5E2E5 as 0% and #CA9AA1 as 100%.

0.0%	0.0% #F5E2E5	RGB 245 226 229	#F5E2E5
16.7%	16.7% #EDD6D9	RGB 237 214 217	#EDD6D9
33.3%	33.3% #E6CACE	RGB 230 202 206	#E6CACE
50.0%	50.0% #DFBEC3	RGB 223 190 195	#DFBEC3
66.7%	66.7% #D8B2B7	RGB 216 178 183	#D8B2B7
83.3%	83.3% #D1A6AC	RGB 209 166 172	#D1A6AC
100.0%	100.0% #CA9AA1	RGB 202 154 161	#CA9AA1

#F5E2E5 #EDD6D9 #E6CACE #DFBEC3 #D8B2B7 #D1A6AC #CA9AA1

#F5E2E5 - #CA9AA1

HSV Blend

#F5E2E5 - #CA9AA1 | 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 #F5E2E5 as 0% and #CA9AA1 as 100%.

0.0%	0.0% #F5E2E5	RGB 245 226 229	#F5E2E5
16.7%	16.7% #EDD5D8	RGB 237 213 216	#EDD5D8
33.3%	33.3% #E6C8CD	RGB 230 200 205	#E6C8CD
50.0%	50.0% #DFBCC1	RGB 223 188 193	#DFBCC1
66.7%	66.7% #D8B0B6	RGB 216 176 182	#D8B0B6
83.3%	83.3% #D1A5AB	RGB 209 165 171	#D1A5AB
100.0%	100.0% #CA9AA1	RGB 202 154 161	#CA9AA1

#F5E2E5 #EDD5D8 #E6C8CD #DFBCC1 #D8B0B6 #D1A5AB #CA9AA1

#F5E2E5 - #DFBCC1 - #CA9AA1

CSS codes

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

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