#E2B5B0 - #CD665A | 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 #E2B5B0 to #CD665A

#E2B5B0 #CD665A

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

#E2B5B0 - #CD665A | 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 #E2B5B0 as 0% and #CD665A as 100%.

0.0%	0.0% #E2B5B0	RGB 226 181 176	#E2B5B0
16.7%	16.7% #DEA7A1	RGB 222 167 161	#DEA7A1
33.3%	33.3% #DB9A93	RGB 219 154 147	#DB9A93
50.0%	50.0% #D78D85	RGB 215 141 133	#D78D85
66.7%	66.7% #D48076	RGB 212 128 118	#D48076
83.3%	83.3% #D07368	RGB 208 115 104	#D07368
100.0%	100.0% #CD665A	RGB 205 102 90	#CD665A

#E2B5B0 #DEA7A1 #DB9A93 #D78D85 #D48076 #D07368 #CD665A

#E2B5B0 - #CD665A

HSV Blend

#E2B5B0 - #CD665A | 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 #E2B5B0 as 0% and #CD665A as 100%.

0.0%	0.0% #E2B5B0	RGB 226 181 176	#E2B5B0
16.7%	16.7% #DEA6A0	RGB 222 166 160	#DEA6A0
33.3%	33.3% #DB9991	RGB 219 153 145	#DB9991
50.0%	50.0% #D78B83	RGB 215 139 131	#D78B83
66.7%	66.7% #D47E75	RGB 212 126 117	#D47E75
83.3%	83.3% #D07267	RGB 208 114 103	#D07267
100.0%	100.0% #CD665A	RGB 205 102 90	#CD665A

#E2B5B0 #DEA6A0 #DB9991 #D78B83 #D47E75 #D07267 #CD665A

#E2B5B0 - #D78B83 - #CD665A

CSS codes

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

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