#D4C0C9 - #906C8C | 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 #D4C0C9 to #906C8C

#D4C0C9 #906C8C

Calculate the color between two colors, #D4C0C9 and #906C8C. 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)

#D4C0C9 - #906C8C | 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 #D4C0C9 as 0% and #906C8C as 100%.

0.0%	0.0% #D4C0C9	RGB 212 192 201	#D4C0C9
16.7%	16.7% #C8B2BE	RGB 200 178 190	#C8B2BE
33.3%	33.3% #BDA4B4	RGB 189 164 180	#BDA4B4
50.0%	50.0% #B296AA	RGB 178 150 170	#B296AA
66.7%	66.7% #A688A0	RGB 166 136 160	#A688A0
83.3%	83.3% #9B7A96	RGB 155 122 150	#9B7A96
100.0%	100.0% #906C8C	RGB 144 108 140	#906C8C

#D4C0C9 #C8B2BE #BDA4B4 #B296AA #A688A0 #9B7A96 #906C8C

#D4C0C9 - #906C8C

HSV Blend

#D4C0C9 - #906C8C | 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 #D4C0C9 as 0% and #906C8C as 100%.

0.0%	0.0% #D4C0C9	RGB 212 192 201	#D4C0C9
16.7%	16.7% #C8B0BD	RGB 200 176 189	#C8B0BD
33.3%	33.3% #BDA1B2	RGB 189 161 178	#BDA1B2
50.0%	50.0% #B293A7	RGB 178 147 167	#B293A7
66.7%	66.7% #A6859E	RGB 166 133 158	#A6859E
83.3%	83.3% #9B7894	RGB 155 120 148	#9B7894
100.0%	100.0% #906C8C	RGB 144 108 140	#906C8C

#D4C0C9 #C8B0BD #BDA1B2 #B293A7 #A6859E #9B7894 #906C8C

#D4C0C9 - #B293A7 - #906C8C

CSS codes

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

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