#8BB1AF - #D9C0C0 | 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 #8BB1AF to #D9C0C0

#8BB1AF #D9C0C0

Calculate the color between two colors, #8BB1AF and #D9C0C0. 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)

#8BB1AF - #D9C0C0 | 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 #8BB1AF as 0% and #D9C0C0 as 100%.

0.0%	0.0% #8BB1AF	RGB 139 177 175	#8BB1AF
16.7%	16.7% #98B3B1	RGB 152 179 177	#98B3B1
33.3%	33.3% #A5B6B4	RGB 165 182 180	#A5B6B4
50.0%	50.0% #B2B8B7	RGB 178 184 183	#B2B8B7
66.7%	66.7% #BFBBBA	RGB 191 187 186	#BFBBBA
83.3%	83.3% #CCBDBD	RGB 204 189 189	#CCBDBD
100.0%	100.0% #D9C0C0	RGB 217 192 192	#D9C0C0

#8BB1AF #98B3B1 #A5B6B4 #B2B8B7 #BFBBBA #CCBDBD #D9C0C0

#8BB1AF - #D9C0C0

HSV Blend

#8BB1AF - #D9C0C0 | 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 #8BB1AF as 0% and #D9C0C0 as 100%.

0.0%	0.0% #8BB1AF	RGB 139 177 175	#8BB1AF
16.7%	16.7% #93B7A3	RGB 147 183 163	#93B7A3
33.3%	33.3% #9CBE9B	RGB 156 190 155	#9CBE9B
50.0%	50.0% #B5C5A4	RGB 181 197 164	#B5C5A4
66.7%	66.7% #CBCBAD	RGB 203 203 173	#CBCBAD
83.3%	83.3% #D2C4B6	RGB 210 196 182	#D2C4B6
100.0%	100.0% #D9C0C0	RGB 217 192 192	#D9C0C0

#8BB1AF #93B7A3 #9CBE9B #B5C5A4 #CBCBAD #D2C4B6 #D9C0C0

#8BB1AF - #B5C5A4 - #D9C0C0

CSS codes

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

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