#EDC0D3 - #43363B | 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 #EDC0D3 to #43363B

#EDC0D3 #43363B

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

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

0.0%	0.0% #EDC0D3	RGB 237 192 211	#EDC0D3
16.7%	16.7% #D0A9B9	RGB 208 169 185	#D0A9B9
33.3%	33.3% #B492A0	RGB 180 146 160	#B492A0
50.0%	50.0% #987B87	RGB 152 123 135	#987B87
66.7%	66.7% #7B646D	RGB 123 100 109	#7B646D
83.3%	83.3% #5F4D54	RGB 95 77 84	#5F4D54
100.0%	100.0% #43363B	RGB 67 54 59	#43363B

#EDC0D3 #D0A9B9 #B492A0 #987B87 #7B646D #5F4D54 #43363B

#EDC0D3 - #43363B

HSV Blend

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

0.0%	0.0% #EDC0D3	RGB 237 192 211	#EDC0D3
16.7%	16.7% #D0A8B9	RGB 208 168 185	#D0A8B9
33.3%	33.3% #B4919F	RGB 180 145 159	#B4919F
50.0%	50.0% #987A86	RGB 152 122 134	#987A86
66.7%	66.7% #7B636D	RGB 123 99 109	#7B636D
83.3%	83.3% #5F4C54	RGB 95 76 84	#5F4C54
100.0%	100.0% #43363B	RGB 67 54 59	#43363B

#EDC0D3 #D0A8B9 #B4919F #987A86 #7B636D #5F4C54 #43363B

#EDC0D3 - #987A86 - #43363B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDC0D3 0%, #987A86 50%, #43363B 100%);
    background: -webkit-linear-gradient(top, #EDC0D3 0%, #987A86 50%, #43363B 100%);
    background: linear-gradient(to bottom, #EDC0D3 0%, #987A86 50%, #43363B 100%);
}
</style>