#CFB5A8 - #F1E9E6 | 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 #CFB5A8 to #F1E9E6

#CFB5A8 #F1E9E6

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

#CFB5A8 - #F1E9E6 | 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 #CFB5A8 as 0% and #F1E9E6 as 100%.

0.0%	0.0% #CFB5A8	RGB 207 181 168	#CFB5A8
16.7%	16.7% #D4BDB2	RGB 212 189 178	#D4BDB2
33.3%	33.3% #DAC6BC	RGB 218 198 188	#DAC6BC
50.0%	50.0% #E0CFC7	RGB 224 207 199	#E0CFC7
66.7%	66.7% #E5D7D1	RGB 229 215 209	#E5D7D1
83.3%	83.3% #EBE0DB	RGB 235 224 219	#EBE0DB
100.0%	100.0% #F1E9E6	RGB 241 233 230	#F1E9E6

#CFB5A8 #D4BDB2 #DAC6BC #E0CFC7 #E5D7D1 #EBE0DB #F1E9E6

#CFB5A8 - #F1E9E6

HSV Blend

#CFB5A8 - #F1E9E6 | 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 #CFB5A8 as 0% and #F1E9E6 as 100%.

0.0%	0.0% #CFB5A8	RGB 207 181 168	#CFB5A8
16.7%	16.7% #D4BCB1	RGB 212 188 177	#D4BCB1
33.3%	33.3% #DAC5BB	RGB 218 197 187	#DAC5BB
50.0%	50.0% #E0CDC5	RGB 224 205 197	#E0CDC5
66.7%	66.7% #E5D6D0	RGB 229 214 208	#E5D6D0
83.3%	83.3% #EBDFDA	RGB 235 223 218	#EBDFDA
100.0%	100.0% #F1E9E6	RGB 241 233 230	#F1E9E6

#CFB5A8 #D4BCB1 #DAC5BB #E0CDC5 #E5D6D0 #EBDFDA #F1E9E6

#CFB5A8 - #E0CDC5 - #F1E9E6

CSS codes

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

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