#EAC2D1 - #FEF6E6 | 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 #EAC2D1 to #FEF6E6

#EAC2D1 #FEF6E6

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

#EAC2D1 - #FEF6E6 | 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 #EAC2D1 as 0% and #FEF6E6 as 100%.

0.0%	0.0% #EAC2D1	RGB 234 194 209	#EAC2D1
16.7%	16.7% #EDCAD4	RGB 237 202 212	#EDCAD4
33.3%	33.3% #F0D3D8	RGB 240 211 216	#F0D3D8
50.0%	50.0% #F4DCDB	RGB 244 220 219	#F4DCDB
66.7%	66.7% #F7E4DF	RGB 247 228 223	#F7E4DF
83.3%	83.3% #FAEDE2	RGB 250 237 226	#FAEDE2
100.0%	100.0% #FEF6E6	RGB 254 246 230	#FEF6E6

#EAC2D1 #EDCAD4 #F0D3D8 #F4DCDB #F7E4DF #FAEDE2 #FEF6E6

#EAC2D1 - #FEF6E6

HSV Blend

#EAC2D1 - #FEF6E6 | 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 #EAC2D1 as 0% and #FEF6E6 as 100%.

0.0%	0.0% #EAC2D1	RGB 234 194 209	#EAC2D1
16.7%	16.7% #EDC7CF	RGB 237 199 207	#EDC7CF
33.3%	33.3% #F0CDCE	RGB 240 205 206	#F0CDCE
50.0%	50.0% #F4D8D3	RGB 244 216 211	#F4D8D3
66.7%	66.7% #F7E3D9	RGB 247 227 217	#F7E3D9
83.3%	83.3% #FAEDDF	RGB 250 237 223	#FAEDDF
100.0%	100.0% #FEF6E6	RGB 254 246 230	#FEF6E6

#EAC2D1 #EDC7CF #F0CDCE #F4D8D3 #F7E3D9 #FAEDDF #FEF6E6

#EAC2D1 - #F4D8D3 - #FEF6E6

CSS codes

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

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