#E9C0CF - #42363B | 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 #E9C0CF to #42363B

#E9C0CF #42363B

Calculate the color between two colors, #E9C0CF and #42363B. 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)

#E9C0CF - #42363B | 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 #E9C0CF as 0% and #42363B as 100%.

0.0%	0.0% #E9C0CF	RGB 233 192 207	#E9C0CF
16.7%	16.7% #CDA9B6	RGB 205 169 182	#CDA9B6
33.3%	33.3% #B1929D	RGB 177 146 157	#B1929D
50.0%	50.0% #957B85	RGB 149 123 133	#957B85
66.7%	66.7% #79646C	RGB 121 100 108	#79646C
83.3%	83.3% #5D4D53	RGB 93 77 83	#5D4D53
100.0%	100.0% #42363B	RGB 66 54 59	#42363B

#E9C0CF #CDA9B6 #B1929D #957B85 #79646C #5D4D53 #42363B

#E9C0CF - #42363B

HSV Blend

#E9C0CF - #42363B | 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 #E9C0CF as 0% and #42363B as 100%.

0.0%	0.0% #E9C0CF	RGB 233 192 207	#E9C0CF
16.7%	16.7% #CDA8B6	RGB 205 168 182	#CDA8B6
33.3%	33.3% #B1919D	RGB 177 145 157	#B1919D
50.0%	50.0% #957A85	RGB 149 122 133	#957A85
66.7%	66.7% #79636C	RGB 121 99 108	#79636C
83.3%	83.3% #5D4C53	RGB 93 76 83	#5D4C53
100.0%	100.0% #42363B	RGB 66 54 59	#42363B

#E9C0CF #CDA8B6 #B1919D #957A85 #79636C #5D4C53 #42363B

#E9C0CF - #957A85 - #42363B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E9C0CF 0%, #957A85 50%, #42363B 100%);
    background: -webkit-linear-gradient(top, #E9C0CF 0%, #957A85 50%, #42363B 100%);
    background: linear-gradient(to bottom, #E9C0CF 0%, #957A85 50%, #42363B 100%);
}
</style>