#D1CDCE - #BA7D87 | 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 #D1CDCE to #BA7D87

#D1CDCE #BA7D87

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

#D1CDCE - #BA7D87 | 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 #D1CDCE as 0% and #BA7D87 as 100%.

0.0%	0.0% #D1CDCE	RGB 209 205 206	#D1CDCE
16.7%	16.7% #CDBFC2	RGB 205 191 194	#CDBFC2
33.3%	33.3% #C9B2B6	RGB 201 178 182	#C9B2B6
50.0%	50.0% #C5A5AA	RGB 197 165 170	#C5A5AA
66.7%	66.7% #C1979E	RGB 193 151 158	#C1979E
83.3%	83.3% #BD8A92	RGB 189 138 146	#BD8A92
100.0%	100.0% #BA7D87	RGB 186 125 135	#BA7D87

#D1CDCE #CDBFC2 #C9B2B6 #C5A5AA #C1979E #BD8A92 #BA7D87

#D1CDCE - #BA7D87

HSV Blend

#D1CDCE - #BA7D87 | 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 #D1CDCE as 0% and #BA7D87 as 100%.

0.0%	0.0% #D1CDCE	RGB 209 205 206	#D1CDCE
16.7%	16.7% #CDBEC2	RGB 205 190 194	#CDBEC2
33.3%	33.3% #C9B0B6	RGB 201 176 182	#C9B0B6
50.0%	50.0% #C5A3AA	RGB 197 163 170	#C5A3AA
66.7%	66.7% #C1969E	RGB 193 150 158	#C1969E
83.3%	83.3% #BD8992	RGB 189 137 146	#BD8992
100.0%	100.0% #BA7D87	RGB 186 125 135	#BA7D87

#D1CDCE #CDBEC2 #C9B0B6 #C5A3AA #C1969E #BD8992 #BA7D87

#D1CDCE - #C5A3AA - #BA7D87

CSS codes

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

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