#E6B0A8 - #D06052 | 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 #E6B0A8 to #D06052

#E6B0A8 #D06052

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

#E6B0A8 - #D06052 | 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 #E6B0A8 as 0% and #D06052 as 100%.

0.0%	0.0% #E6B0A8	RGB 230 176 168	#E6B0A8
16.7%	16.7% #E2A299	RGB 226 162 153	#E2A299
33.3%	33.3% #DE958B	RGB 222 149 139	#DE958B
50.0%	50.0% #DB887D	RGB 219 136 125	#DB887D
66.7%	66.7% #D77A6E	RGB 215 122 110	#D77A6E
83.3%	83.3% #D36D60	RGB 211 109 96	#D36D60
100.0%	100.0% #D06052	RGB 208 96 82	#D06052

#E6B0A8 #E2A299 #DE958B #DB887D #D77A6E #D36D60 #D06052

#E6B0A8 - #D06052

HSV Blend

#E6B0A8 - #D06052 | 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 #E6B0A8 as 0% and #D06052 as 100%.

0.0%	0.0% #E6B0A8	RGB 230 176 168	#E6B0A8
16.7%	16.7% #E2A198	RGB 226 161 152	#E2A198
33.3%	33.3% #DE9489	RGB 222 148 137	#DE9489
50.0%	50.0% #DB867B	RGB 219 134 123	#DB867B
66.7%	66.7% #D7796D	RGB 215 121 109	#D7796D
83.3%	83.3% #D36C5F	RGB 211 108 95	#D36C5F
100.0%	100.0% #D06052	RGB 208 96 82	#D06052

#E6B0A8 #E2A198 #DE9489 #DB867B #D7796D #D36C5F #D06052

#E6B0A8 - #DB867B - #D06052

CSS codes

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

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