#8889A0 - #D0C0AF | 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 #8889A0 to #D0C0AF

#8889A0 #D0C0AF

Calculate the color between two colors, #8889A0 and #D0C0AF. 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)

#8889A0 - #D0C0AF | 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 #8889A0 as 0% and #D0C0AF as 100%.

0.0%	0.0% #8889A0	RGB 136 137 160	#8889A0
16.7%	16.7% #9492A2	RGB 148 146 162	#9492A2
33.3%	33.3% #A09BA5	RGB 160 155 165	#A09BA5
50.0%	50.0% #ACA4A7	RGB 172 164 167	#ACA4A7
66.7%	66.7% #B8ADAA	RGB 184 173 170	#B8ADAA
83.3%	83.3% #C4B6AC	RGB 196 182 172	#C4B6AC
100.0%	100.0% #D0C0AF	RGB 208 192 175	#D0C0AF

#8889A0 #9492A2 #A09BA5 #ACA4A7 #B8ADAA #C4B6AC #D0C0AF

#8889A0 - #D0C0AF

HSV Blend

#8889A0 - #D0C0AF | 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 #8889A0 as 0% and #D0C0AF as 100%.

0.0%	0.0% #8889A0	RGB 136 137 160	#8889A0
16.7%	16.7% #988EA8	RGB 152 142 168	#988EA8
33.3%	33.3% #AA95B0	RGB 170 149 176	#AA95B0
50.0%	50.0% #B89BB1	RGB 184 155 177	#B89BB1
66.7%	66.7% #C0A2AC	RGB 192 162 172	#C0A2AC
83.3%	83.3% #C8ABA8	RGB 200 171 168	#C8ABA8
100.0%	100.0% #D0C0AF	RGB 208 192 175	#D0C0AF

#8889A0 #988EA8 #AA95B0 #B89BB1 #C0A2AC #C8ABA8 #D0C0AF

#8889A0 - #B89BB1 - #D0C0AF

CSS codes

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

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