#F2E5E1 - #454140 | 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 #F2E5E1 to #454140

#F2E5E1 #454140

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

#F2E5E1 - #454140 | 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 #F2E5E1 as 0% and #454140 as 100%.

0.0%	0.0% #F2E5E1	RGB 242 229 225	#F2E5E1
16.7%	16.7% #D5C9C6	RGB 213 201 198	#D5C9C6
33.3%	33.3% #B8AEAB	RGB 184 174 171	#B8AEAB
50.0%	50.0% #9B9390	RGB 155 147 144	#9B9390
66.7%	66.7% #7E7775	RGB 126 119 117	#7E7775
83.3%	83.3% #615C5A	RGB 97 92 90	#615C5A
100.0%	100.0% #454140	RGB 69 65 64	#454140

#F2E5E1 #D5C9C6 #B8AEAB #9B9390 #7E7775 #615C5A #454140

#F2E5E1 - #454140

HSV Blend

#F2E5E1 - #454140 | 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 #F2E5E1 as 0% and #454140 as 100%.

0.0%	0.0% #F2E5E1	RGB 242 229 225	#F2E5E1
16.7%	16.7% #D5C9C6	RGB 213 201 198	#D5C9C6
33.3%	33.3% #B8AEAB	RGB 184 174 171	#B8AEAB
50.0%	50.0% #9B9290	RGB 155 146 144	#9B9290
66.7%	66.7% #7E7775	RGB 126 119 117	#7E7775
83.3%	83.3% #615C5A	RGB 97 92 90	#615C5A
100.0%	100.0% #454140	RGB 69 65 64	#454140

#F2E5E1 #D5C9C6 #B8AEAB #9B9290 #7E7775 #615C5A #454140

#F2E5E1 - #9B9290 - #454140

CSS codes

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

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