#88959B - #D9BAB0 | 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 #88959B to #D9BAB0

#88959B #D9BAB0

Calculate the color between two colors, #88959B and #D9BAB0. 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)

#88959B - #D9BAB0 | 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 #88959B as 0% and #D9BAB0 as 100%.

0.0%	0.0% #88959B	RGB 136 149 155	#88959B
16.7%	16.7% #959B9E	RGB 149 155 158	#959B9E
33.3%	33.3% #A3A1A2	RGB 163 161 162	#A3A1A2
50.0%	50.0% #B0A7A5	RGB 176 167 165	#B0A7A5
66.7%	66.7% #BEADA9	RGB 190 173 169	#BEADA9
83.3%	83.3% #CBB3AC	RGB 203 179 172	#CBB3AC
100.0%	100.0% #D9BAB0	RGB 217 186 176	#D9BAB0

#88959B #959B9E #A3A1A2 #B0A7A5 #BEADA9 #CBB3AC #D9BAB0

#88959B - #D9BAB0

HSV Blend

#88959B - #D9BAB0 | 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 #88959B as 0% and #D9BAB0 as 100%.

0.0%	0.0% #88959B	RGB 136 149 155	#88959B
16.7%	16.7% #8F93A5	RGB 143 147 165	#8F93A5
33.3%	33.3% #9D96AF	RGB 157 150 175	#9D96AF
50.0%	50.0% #B39DBA	RGB 179 157 186	#B39DBA
66.7%	66.7% #C4A3BB	RGB 196 163 187	#C4A3BB
83.3%	83.3% #CEA9B2	RGB 206 169 178	#CEA9B2
100.0%	100.0% #D9BAB0	RGB 217 186 176	#D9BAB0

#88959B #8F93A5 #9D96AF #B39DBA #C4A3BB #CEA9B2 #D9BAB0

#88959B - #B39DBA - #D9BAB0

CSS codes

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

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