#868D84 - #D4A8DB | 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 #868D84 to #D4A8DB

#868D84 #D4A8DB

Calculate the color between two colors, #868D84 and #D4A8DB. 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)

#868D84 - #D4A8DB | 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 #868D84 as 0% and #D4A8DB as 100%.

0.0%	0.0% #868D84	RGB 134 141 132	#868D84
16.7%	16.7% #939192	RGB 147 145 146	#939192
33.3%	33.3% #A096A1	RGB 160 150 161	#A096A1
50.0%	50.0% #AD9AAF	RGB 173 154 175	#AD9AAF
66.7%	66.7% #BA9FBE	RGB 186 159 190	#BA9FBE
83.3%	83.3% #C7A3CC	RGB 199 163 204	#C7A3CC
100.0%	100.0% #D4A8DB	RGB 212 168 219	#D4A8DB

#868D84 #939192 #A096A1 #AD9AAF #BA9FBE #C7A3CC #D4A8DB

#868D84 - #D4A8DB

HSV Blend

#868D84 - #D4A8DB | 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 #868D84 as 0% and #D4A8DB as 100%.

0.0%	0.0% #868D84	RGB 134 141 132	#868D84
16.7%	16.7% #959A8B	RGB 149 154 139	#959A8B
33.3%	33.3% #A7A392	RGB 167 163 146	#A7A392
50.0%	50.0% #B4A199	RGB 180 161 153	#B4A199
66.7%	66.7% #C19EA4	RGB 193 158 164	#C19EA4
83.3%	83.3% #CEA3BF	RGB 206 163 191	#CEA3BF
100.0%	100.0% #D4A8DB	RGB 212 168 219	#D4A8DB

#868D84 #959A8B #A7A392 #B4A199 #C19EA4 #CEA3BF #D4A8DB

#868D84 - #B4A199 - #D4A8DB

CSS codes

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

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