#D0C8C0 - #EBC6D9 | 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 #D0C8C0 to #EBC6D9

#D0C8C0 #EBC6D9

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

#D0C8C0 - #EBC6D9 | 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 #D0C8C0 as 0% and #EBC6D9 as 100%.

0.0%	0.0% #D0C8C0	RGB 208 200 192	#D0C8C0
16.7%	16.7% #D4C7C4	RGB 212 199 196	#D4C7C4
33.3%	33.3% #D9C7C8	RGB 217 199 200	#D9C7C8
50.0%	50.0% #DDC7CC	RGB 221 199 204	#DDC7CC
66.7%	66.7% #E2C6D0	RGB 226 198 208	#E2C6D0
83.3%	83.3% #E6C6D4	RGB 230 198 212	#E6C6D4
100.0%	100.0% #EBC6D9	RGB 235 198 217	#EBC6D9

#D0C8C0 #D4C7C4 #D9C7C8 #DDC7CC #E2C6D0 #E6C6D4 #EBC6D9

#D0C8C0 - #EBC6D9

HSV Blend

#D0C8C0 - #EBC6D9 | 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 #D0C8C0 as 0% and #EBC6D9 as 100%.

0.0%	0.0% #D0C8C0	RGB 208 200 192	#D0C8C0
16.7%	16.7% #D4C7C1	RGB 212 199 193	#D4C7C1
33.3%	33.3% #D9C6C2	RGB 217 198 194	#D9C6C2
50.0%	50.0% #DDC3C3	RGB 221 195 195	#DDC3C3
66.7%	66.7% #E2C4C9	RGB 226 196 201	#E2C4C9
83.3%	83.3% #E6C5D0	RGB 230 197 208	#E6C5D0
100.0%	100.0% #EBC6D9	RGB 235 198 217	#EBC6D9

#D0C8C0 #D4C7C1 #D9C6C2 #DDC3C3 #E2C4C9 #E6C5D0 #EBC6D9

#D0C8C0 - #DDC3C3 - #EBC6D9

CSS codes

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

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