#E2B8C3 - #FFEFD8 | 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 #E2B8C3 to #FFEFD8

#E2B8C3 #FFEFD8

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

#E2B8C3 - #FFEFD8 | 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 #E2B8C3 as 0% and #FFEFD8 as 100%.

0.0%	0.0% #E2B8C3	RGB 226 184 195	#E2B8C3
16.7%	16.7% #E6C1C6	RGB 230 193 198	#E6C1C6
33.3%	33.3% #EBCACA	RGB 235 202 202	#EBCACA
50.0%	50.0% #F0D3CD	RGB 240 211 205	#F0D3CD
66.7%	66.7% #F5DCD1	RGB 245 220 209	#F5DCD1
83.3%	83.3% #FAE5D4	RGB 250 229 212	#FAE5D4
100.0%	100.0% #FFEFD8	RGB 255 239 216	#FFEFD8

#E2B8C3 #E6C1C6 #EBCACA #F0D3CD #F5DCD1 #FAE5D4 #FFEFD8

#E2B8C3 - #FFEFD8

HSV Blend

#E2B8C3 - #FFEFD8 | 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 #E2B8C3 as 0% and #FFEFD8 as 100%.

0.0%	0.0% #E2B8C3	RGB 226 184 195	#E2B8C3
16.7%	16.7% #E6BDC2	RGB 230 189 194	#E6BDC2
33.3%	33.3% #EBC3C2	RGB 235 195 194	#EBC3C2
50.0%	50.0% #F0CEC7	RGB 240 206 199	#F0CEC7
66.7%	66.7% #F5D9CD	RGB 245 217 205	#F5D9CD
83.3%	83.3% #FAE4D2	RGB 250 228 210	#FAE4D2
100.0%	100.0% #FFEFD8	RGB 255 239 216	#FFEFD8

#E2B8C3 #E6BDC2 #EBC3C2 #F0CEC7 #F5D9CD #FAE4D2 #FFEFD8

#E2B8C3 - #F0CEC7 - #FFEFD8

CSS codes

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

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