#EDB5D3 - #C8467B | 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 #EDB5D3 to #C8467B

#EDB5D3 #C8467B

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

#EDB5D3 - #C8467B | 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 #EDB5D3 as 0% and #C8467B as 100%.

0.0%	0.0% #EDB5D3	RGB 237 181 211	#EDB5D3
16.7%	16.7% #E6A2C4	RGB 230 162 196	#E6A2C4
33.3%	33.3% #E090B5	RGB 224 144 181	#E090B5
50.0%	50.0% #DA7DA7	RGB 218 125 167	#DA7DA7
66.7%	66.7% #D46B98	RGB 212 107 152	#D46B98
83.3%	83.3% #CE5889	RGB 206 88 137	#CE5889
100.0%	100.0% #C8467B	RGB 200 70 123	#C8467B

#EDB5D3 #E6A2C4 #E090B5 #DA7DA7 #D46B98 #CE5889 #C8467B

#EDB5D3 - #C8467B

HSV Blend

#EDB5D3 - #C8467B | 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 #EDB5D3 as 0% and #C8467B as 100%.

0.0%	0.0% #EDB5D3	RGB 237 181 211	#EDB5D3
16.7%	16.7% #E6A0C4	RGB 230 160 196	#E6A0C4
33.3%	33.3% #E08CB6	RGB 224 140 182	#E08CB6
50.0%	50.0% #DA79A7	RGB 218 121 167	#DA79A7
66.7%	66.7% #D46798	RGB 212 103 152	#D46798
83.3%	83.3% #CE5689	RGB 206 86 137	#CE5689
100.0%	100.0% #C8467B	RGB 200 70 123	#C8467B

#EDB5D3 #E6A0C4 #E08CB6 #DA79A7 #D46798 #CE5689 #C8467B

#EDB5D3 - #DA79A7 - #C8467B

CSS codes

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

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