#F2D3E2 - #453C40 | 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 #F2D3E2 to #453C40

#F2D3E2 #453C40

Calculate the color between two colors, #F2D3E2 and #453C40. 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)

#F2D3E2 - #453C40 | 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 #F2D3E2 as 0% and #453C40 as 100%.

0.0%	0.0% #F2D3E2	RGB 242 211 226	#F2D3E2
16.7%	16.7% #D5B9C7	RGB 213 185 199	#D5B9C7
33.3%	33.3% #B8A0AC	RGB 184 160 172	#B8A0AC
50.0%	50.0% #9B8791	RGB 155 135 145	#9B8791
66.7%	66.7% #7E6E76	RGB 126 110 118	#7E6E76
83.3%	83.3% #61555B	RGB 97 85 91	#61555B
100.0%	100.0% #453C40	RGB 69 60 64	#453C40

#F2D3E2 #D5B9C7 #B8A0AC #9B8791 #7E6E76 #61555B #453C40

#F2D3E2 - #453C40

HSV Blend

#F2D3E2 - #453C40 | 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 #F2D3E2 as 0% and #453C40 as 100%.

0.0%	0.0% #F2D3E2	RGB 242 211 226	#F2D3E2
16.7%	16.7% #D5B9C6	RGB 213 185 198	#D5B9C6
33.3%	33.3% #B8A0AB	RGB 184 160 171	#B8A0AB
50.0%	50.0% #9B8790	RGB 155 135 144	#9B8790
66.7%	66.7% #7E6E75	RGB 126 110 117	#7E6E75
83.3%	83.3% #61555A	RGB 97 85 90	#61555A
100.0%	100.0% #453C40	RGB 69 60 64	#453C40

#F2D3E2 #D5B9C6 #B8A0AB #9B8790 #7E6E75 #61555A #453C40

#F2D3E2 - #9B8790 - #453C40

CSS codes

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

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