#E2B7B3 - #CD6C5D | 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 #E2B7B3 to #CD6C5D

#E2B7B3 #CD6C5D

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

#E2B7B3 - #CD6C5D | 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 #E2B7B3 as 0% and #CD6C5D as 100%.

0.0%	0.0% #E2B7B3	RGB 226 183 179	#E2B7B3
16.7%	16.7% #DEAAA4	RGB 222 170 164	#DEAAA4
33.3%	33.3% #DB9E96	RGB 219 158 150	#DB9E96
50.0%	50.0% #D79188	RGB 215 145 136	#D79188
66.7%	66.7% #D48579	RGB 212 133 121	#D48579
83.3%	83.3% #D0786B	RGB 208 120 107	#D0786B
100.0%	100.0% #CD6C5D	RGB 205 108 93	#CD6C5D

#E2B7B3 #DEAAA4 #DB9E96 #D79188 #D48579 #D0786B #CD6C5D

#E2B7B3 - #CD6C5D

HSV Blend

#E2B7B3 - #CD6C5D | 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 #E2B7B3 as 0% and #CD6C5D as 100%.

0.0%	0.0% #E2B7B3	RGB 226 183 179	#E2B7B3
16.7%	16.7% #DEA9A3	RGB 222 169 163	#DEA9A3
33.3%	33.3% #DB9B94	RGB 219 155 148	#DB9B94
50.0%	50.0% #D78F86	RGB 215 143 134	#D78F86
66.7%	66.7% #D48278	RGB 212 130 120	#D48278
83.3%	83.3% #D0776A	RGB 208 119 106	#D0776A
100.0%	100.0% #CD6C5D	RGB 205 108 93	#CD6C5D

#E2B7B3 #DEA9A3 #DB9B94 #D78F86 #D48278 #D0776A #CD6C5D

#E2B7B3 - #D78F86 - #CD6C5D

CSS codes

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

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