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

#FBE5E8 #474142

Calculate the color between two colors, #FBE5E8 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)

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

0.0%	0.0% #FBE5E8	RGB 251 229 232	#FBE5E8
16.7%	16.7% #DDC9CC	RGB 221 201 204	#DDC9CC
33.3%	33.3% #BFAEB0	RGB 191 174 176	#BFAEB0
50.0%	50.0% #A19395	RGB 161 147 149	#A19395
66.7%	66.7% #837779	RGB 131 119 121	#837779
83.3%	83.3% #655C5D	RGB 101 92 93	#655C5D
100.0%	100.0% #474142	RGB 71 65 66	#474142

#FBE5E8 #DDC9CC #BFAEB0 #A19395 #837779 #655C5D #474142

#FBE5E8 - #474142

HSV Blend

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

0.0%	0.0% #FBE5E8	RGB 251 229 232	#FBE5E8
16.7%	16.7% #DDC9CC	RGB 221 201 204	#DDC9CC
33.3%	33.3% #BFAEB0	RGB 191 174 176	#BFAEB0
50.0%	50.0% #A19395	RGB 161 147 149	#A19395
66.7%	66.7% #837779	RGB 131 119 121	#837779
83.3%	83.3% #655C5D	RGB 101 92 93	#655C5D
100.0%	100.0% #474142	RGB 71 65 66	#474142

#FBE5E8 #DDC9CC #BFAEB0 #A19395 #837779 #655C5D #474142

#FBE5E8 - #A19395 - #474142

CSS codes

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

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