#E9CFA1 - #FFB2D3 | 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 #E9CFA1 to #FFB2D3

#E9CFA1 #FFB2D3

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

#E9CFA1 - #FFB2D3 | 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 #E9CFA1 as 0% and #FFB2D3 as 100%.

0.0%	0.0% #E9CFA1	RGB 233 207 161	#E9CFA1
16.7%	16.7% #ECCAA9	RGB 236 202 169	#ECCAA9
33.3%	33.3% #F0C5B1	RGB 240 197 177	#F0C5B1
50.0%	50.0% #F4C0BA	RGB 244 192 186	#F4C0BA
66.7%	66.7% #F7BBC2	RGB 247 187 194	#F7BBC2
83.3%	83.3% #FBB6CA	RGB 251 182 202	#FBB6CA
100.0%	100.0% #FFB2D3	RGB 255 178 211	#FFB2D3

#E9CFA1 #ECCAA9 #F0C5B1 #F4C0BA #F7BBC2 #FBB6CA #FFB2D3

#E9CFA1 - #FFB2D3

HSV Blend

#E9CFA1 - #FFB2D3 | 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 #E9CFA1 as 0% and #FFB2D3 as 100%.

0.0%	0.0% #E9CFA1	RGB 233 207 161	#E9CFA1
16.7%	16.7% #ECC5A3	RGB 236 197 163	#ECC5A3
33.3%	33.3% #F0BBA6	RGB 240 187 166	#F0BBA6
50.0%	50.0% #F4B1A9	RGB 244 177 169	#F4B1A9
66.7%	66.7% #F7ACB1	RGB 247 172 177	#F7ACB1
83.3%	83.3% #FBAFC2	RGB 251 175 194	#FBAFC2
100.0%	100.0% #FFB2D3	RGB 255 178 211	#FFB2D3

#E9CFA1 #ECC5A3 #F0BBA6 #F4B1A9 #F7ACB1 #FBAFC2 #FFB2D3

#E9CFA1 - #F4B1A9 - #FFB2D3

CSS codes

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

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