#E6B8B5 - #B6605C | 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 #E6B8B5 to #B6605C

#E6B8B5 #B6605C

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

#E6B8B5 - #B6605C | 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 #E6B8B5 as 0% and #B6605C as 100%.

0.0%	0.0% #E6B8B5	RGB 230 184 181	#E6B8B5
16.7%	16.7% #DEA9A6	RGB 222 169 166	#DEA9A6
33.3%	33.3% #D69A97	RGB 214 154 151	#D69A97
50.0%	50.0% #CE8C88	RGB 206 140 136	#CE8C88
66.7%	66.7% #C67D79	RGB 198 125 121	#C67D79
83.3%	83.3% #BE6E6A	RGB 190 110 106	#BE6E6A
100.0%	100.0% #B6605C	RGB 182 96 92	#B6605C

#E6B8B5 #DEA9A6 #D69A97 #CE8C88 #C67D79 #BE6E6A #B6605C

#E6B8B5 - #B6605C

HSV Blend

#E6B8B5 - #B6605C | 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 #E6B8B5 as 0% and #B6605C as 100%.

0.0%	0.0% #E6B8B5	RGB 230 184 181	#E6B8B5
16.7%	16.7% #DEA7A4	RGB 222 167 164	#DEA7A4
33.3%	33.3% #D69794	RGB 214 151 148	#D69794
50.0%	50.0% #CE8885	RGB 206 136 133	#CE8885
66.7%	66.7% #C67A76	RGB 198 122 118	#C67A76
83.3%	83.3% #BE6C68	RGB 190 108 104	#BE6C68
100.0%	100.0% #B6605C	RGB 182 96 92	#B6605C

#E6B8B5 #DEA7A4 #D69794 #CE8885 #C67A76 #BE6C68 #B6605C

#E6B8B5 - #CE8885 - #B6605C

CSS codes

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

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