#C8B08F - #E5A8D0 | 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 #C8B08F to #E5A8D0

#C8B08F #E5A8D0

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

#C8B08F - #E5A8D0 | 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 #C8B08F as 0% and #E5A8D0 as 100%.

0.0%	0.0% #C8B08F	RGB 200 176 143	#C8B08F
16.7%	16.7% #CCAE99	RGB 204 174 153	#CCAE99
33.3%	33.3% #D1ADA4	RGB 209 173 164	#D1ADA4
50.0%	50.0% #D6ACAF	RGB 214 172 175	#D6ACAF
66.7%	66.7% #DBAABA	RGB 219 170 186	#DBAABA
83.3%	83.3% #E0A9C5	RGB 224 169 197	#E0A9C5
100.0%	100.0% #E5A8D0	RGB 229 168 208	#E5A8D0

#C8B08F #CCAE99 #D1ADA4 #D6ACAF #DBAABA #E0A9C5 #E5A8D0

#C8B08F - #E5A8D0

HSV Blend

#C8B08F - #E5A8D0 | 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 #C8B08F as 0% and #E5A8D0 as 100%.

0.0%	0.0% #C8B08F	RGB 200 176 143	#C8B08F
16.7%	16.7% #CCA893	RGB 204 168 147	#CCA893
33.3%	33.3% #D1A097	RGB 209 160 151	#D1A097
50.0%	50.0% #D69B9D	RGB 214 155 157	#D69B9D
66.7%	66.7% #DB9FAE	RGB 219 159 174	#DB9FAE
83.3%	83.3% #E0A3BE	RGB 224 163 190	#E0A3BE
100.0%	100.0% #E5A8D0	RGB 229 168 208	#E5A8D0

#C8B08F #CCA893 #D1A097 #D69B9D #DB9FAE #E0A3BE #E5A8D0

#C8B08F - #D69B9D - #E5A8D0

CSS codes

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

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