#E2BFBF - #CF706B | 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 #E2BFBF to #CF706B

#E2BFBF #CF706B

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

#E2BFBF - #CF706B | 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 #E2BFBF as 0% and #CF706B as 100%.

0.0%	0.0% #E2BFBF	RGB 226 191 191	#E2BFBF
16.7%	16.7% #DEB1B1	RGB 222 177 177	#DEB1B1
33.3%	33.3% #DBA4A3	RGB 219 164 163	#DBA4A3
50.0%	50.0% #D89795	RGB 216 151 149	#D89795
66.7%	66.7% #D58A87	RGB 213 138 135	#D58A87
83.3%	83.3% #D27D79	RGB 210 125 121	#D27D79
100.0%	100.0% #CF706B	RGB 207 112 107	#CF706B

#E2BFBF #DEB1B1 #DBA4A3 #D89795 #D58A87 #D27D79 #CF706B

#E2BFBF - #CF706B

HSV Blend

#E2BFBF - #CF706B | 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 #E2BFBF as 0% and #CF706B as 100%.

0.0%	0.0% #E2BFBF	RGB 226 191 191	#E2BFBF
16.7%	16.7% #DEB0B0	RGB 222 176 176	#DEB0B0
33.3%	33.3% #DBA2A1	RGB 219 162 161	#DBA2A1
50.0%	50.0% #D89593	RGB 216 149 147	#D89593
66.7%	66.7% #D58885	RGB 213 136 133	#D58885
83.3%	83.3% #D27B78	RGB 210 123 120	#D27B78
100.0%	100.0% #CF706B	RGB 207 112 107	#CF706B

#E2BFBF #DEB0B0 #DBA2A1 #D89593 #D58885 #D27B78 #CF706B

#E2BFBF - #D89593 - #CF706B

CSS codes

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

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