#E8A8CB - #FAF0E5 | 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 #E8A8CB to #FAF0E5

#E8A8CB #FAF0E5

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

#E8A8CB - #FAF0E5 | 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 #E8A8CB as 0% and #FAF0E5 as 100%.

0.0%	0.0% #E8A8CB	RGB 232 168 203	#E8A8CB
16.7%	16.7% #EBB4CF	RGB 235 180 207	#EBB4CF
33.3%	33.3% #EEC0D3	RGB 238 192 211	#EEC0D3
50.0%	50.0% #F1CCD8	RGB 241 204 216	#F1CCD8
66.7%	66.7% #F4D8DC	RGB 244 216 220	#F4D8DC
83.3%	83.3% #F7E4E0	RGB 247 228 224	#F7E4E0
100.0%	100.0% #FAF0E5	RGB 250 240 229	#FAF0E5

#E8A8CB #EBB4CF #EEC0D3 #F1CCD8 #F4D8DC #F7E4E0 #FAF0E5

#E8A8CB - #FAF0E5

HSV Blend

#E8A8CB - #FAF0E5 | 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 #E8A8CB as 0% and #FAF0E5 as 100%.

0.0%	0.0% #E8A8CB	RGB 232 168 203	#E8A8CB
16.7%	16.7% #EBB1C6	RGB 235 177 198	#EBB1C6
33.3%	33.3% #EEBBC5	RGB 238 187 197	#EEBBC5
50.0%	50.0% #F1C5C6	RGB 241 197 198	#F1C5C6
66.7%	66.7% #F4D5CF	RGB 244 213 207	#F4D5CF
83.3%	83.3% #F7E4DA	RGB 247 228 218	#F7E4DA
100.0%	100.0% #FAF0E5	RGB 250 240 229	#FAF0E5

#E8A8CB #EBB1C6 #EEBBC5 #F1C5C6 #F4D5CF #F7E4DA #FAF0E5

#E8A8CB - #F1C5C6 - #FAF0E5

CSS codes

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

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