#F5E7E6 - #CBA49F | 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 #F5E7E6 to #CBA49F

#F5E7E6 #CBA49F

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

#F5E7E6 - #CBA49F | 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 #F5E7E6 as 0% and #CBA49F as 100%.

0.0%	0.0% #F5E7E6	RGB 245 231 230	#F5E7E6
16.7%	16.7% #EEDBDA	RGB 238 219 218	#EEDBDA
33.3%	33.3% #E7D0CE	RGB 231 208 206	#E7D0CE
50.0%	50.0% #E0C5C2	RGB 224 197 194	#E0C5C2
66.7%	66.7% #D9BAB6	RGB 217 186 182	#D9BAB6
83.3%	83.3% #D2AFAA	RGB 210 175 170	#D2AFAA
100.0%	100.0% #CBA49F	RGB 203 164 159	#CBA49F

#F5E7E6 #EEDBDA #E7D0CE #E0C5C2 #D9BAB6 #D2AFAA #CBA49F

#F5E7E6 - #CBA49F

HSV Blend

#F5E7E6 - #CBA49F | 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 #F5E7E6 as 0% and #CBA49F as 100%.

0.0%	0.0% #F5E7E6	RGB 245 231 230	#F5E7E6
16.7%	16.7% #EEDAD9	RGB 238 218 217	#EEDAD9
33.3%	33.3% #E7CFCC	RGB 231 207 204	#E7CFCC
50.0%	50.0% #E0C3C0	RGB 224 195 192	#E0C3C0
66.7%	66.7% #D9B8B5	RGB 217 184 181	#D9B8B5
83.3%	83.3% #D2AEA9	RGB 210 174 169	#D2AEA9
100.0%	100.0% #CBA49F	RGB 203 164 159	#CBA49F

#F5E7E6 #EEDAD9 #E7CFCC #E0C3C0 #D9B8B5 #D2AEA9 #CBA49F

#F5E7E6 - #E0C3C0 - #CBA49F

CSS codes

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

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