#FAE5E7 - #474142 | 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 #FAE5E7 to #474142

#FAE5E7 #474142

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

#FAE5E7 - #474142 | 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 #FAE5E7 as 0% and #474142 as 100%.

0.0%	0.0% #FAE5E7	RGB 250 229 231	#FAE5E7
16.7%	16.7% #DCC9CB	RGB 220 201 203	#DCC9CB
33.3%	33.3% #BEAEB0	RGB 190 174 176	#BEAEB0
50.0%	50.0% #A09394	RGB 160 147 148	#A09394
66.7%	66.7% #827779	RGB 130 119 121	#827779
83.3%	83.3% #645C5D	RGB 100 92 93	#645C5D
100.0%	100.0% #474142	RGB 71 65 66	#474142

#FAE5E7 #DCC9CB #BEAEB0 #A09394 #827779 #645C5D #474142

#FAE5E7 - #474142

HSV Blend

#FAE5E7 - #474142 | 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 #FAE5E7 as 0% and #474142 as 100%.

0.0%	0.0% #FAE5E7	RGB 250 229 231	#FAE5E7
16.7%	16.7% #DCC9CB	RGB 220 201 203	#DCC9CB
33.3%	33.3% #BEAEB0	RGB 190 174 176	#BEAEB0
50.0%	50.0% #A09294	RGB 160 146 148	#A09294
66.7%	66.7% #827779	RGB 130 119 121	#827779
83.3%	83.3% #645C5D	RGB 100 92 93	#645C5D
100.0%	100.0% #474142	RGB 71 65 66	#474142

#FAE5E7 #DCC9CB #BEAEB0 #A09294 #827779 #645C5D #474142

#FAE5E7 - #A09294 - #474142

CSS codes

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

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