#C88E6B - #EFDED4 | 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 #C88E6B to #EFDED4

#C88E6B #EFDED4

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

#C88E6B - #EFDED4 | 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 #C88E6B as 0% and #EFDED4 as 100%.

0.0%	0.0% #C88E6B	RGB 200 142 107	#C88E6B
16.7%	16.7% #CE9B7C	RGB 206 155 124	#CE9B7C
33.3%	33.3% #D5A88E	RGB 213 168 142	#D5A88E
50.0%	50.0% #DBB69F	RGB 219 182 159	#DBB69F
66.7%	66.7% #E2C3B1	RGB 226 195 177	#E2C3B1
83.3%	83.3% #E8D0C2	RGB 232 208 194	#E8D0C2
100.0%	100.0% #EFDED4	RGB 239 222 212	#EFDED4

#C88E6B #CE9B7C #D5A88E #DBB69F #E2C3B1 #E8D0C2 #EFDED4

#C88E6B - #EFDED4

HSV Blend

#C88E6B - #EFDED4 | 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 #C88E6B as 0% and #EFDED4 as 100%.

0.0%	0.0% #C88E6B	RGB 200 142 107	#C88E6B
16.7%	16.7% #CE9A7A	RGB 206 154 122	#CE9A7A
33.3%	33.3% #D5A68A	RGB 213 166 138	#D5A68A
50.0%	50.0% #DBB39C	RGB 219 179 156	#DBB39C
66.7%	66.7% #E2C1AD	RGB 226 193 173	#E2C1AD
83.3%	83.3% #E8CFC0	RGB 232 207 192	#E8CFC0
100.0%	100.0% #EFDED4	RGB 239 222 212	#EFDED4

#C88E6B #CE9A7A #D5A68A #DBB39C #E2C1AD #E8CFC0 #EFDED4

#C88E6B - #DBB39C - #EFDED4

CSS codes

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

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