#C8BA8F - #E5A8C6 | 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 #C8BA8F to #E5A8C6

#C8BA8F #E5A8C6

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

#C8BA8F - #E5A8C6 | 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 #C8BA8F as 0% and #E5A8C6 as 100%.

0.0%	0.0% #C8BA8F	RGB 200 186 143	#C8BA8F
16.7%	16.7% #CCB798	RGB 204 183 152	#CCB798
33.3%	33.3% #D1B4A1	RGB 209 180 161	#D1B4A1
50.0%	50.0% #D6B1AA	RGB 214 177 170	#D6B1AA
66.7%	66.7% #DBAEB3	RGB 219 174 179	#DBAEB3
83.3%	83.3% #E0ABBC	RGB 224 171 188	#E0ABBC
100.0%	100.0% #E5A8C6	RGB 229 168 198	#E5A8C6

#C8BA8F #CCB798 #D1B4A1 #D6B1AA #DBAEB3 #E0ABBC #E5A8C6

#C8BA8F - #E5A8C6

HSV Blend

#C8BA8F - #E5A8C6 | 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 #C8BA8F as 0% and #E5A8C6 as 100%.

0.0%	0.0% #C8BA8F	RGB 200 186 143	#C8BA8F
16.7%	16.7% #CCB293	RGB 204 178 147	#CCB293
33.3%	33.3% #D1AB97	RGB 209 171 151	#D1AB97
50.0%	50.0% #D6A39B	RGB 214 163 155	#D6A39B
66.7%	66.7% #DB9FA4	RGB 219 159 164	#DB9FA4
83.3%	83.3% #E0A3B4	RGB 224 163 180	#E0A3B4
100.0%	100.0% #E5A8C6	RGB 229 168 198	#E5A8C6

#C8BA8F #CCB293 #D1AB97 #D6A39B #DB9FA4 #E0A3B4 #E5A8C6

#C8BA8F - #D6A39B - #E5A8C6

CSS codes

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

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