#D3C9DB - #86729A | 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 #D3C9DB to #86729A

#D3C9DB #86729A

Calculate the color between two colors, #D3C9DB and #86729A. 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)

#D3C9DB - #86729A | 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 #D3C9DB as 0% and #86729A as 100%.

0.0%	0.0% #D3C9DB	RGB 211 201 219	#D3C9DB
16.7%	16.7% #C6BAD0	RGB 198 186 208	#C6BAD0
33.3%	33.3% #B9ACC5	RGB 185 172 197	#B9ACC5
50.0%	50.0% #AC9DBA	RGB 172 157 186	#AC9DBA
66.7%	66.7% #9F8FAF	RGB 159 143 175	#9F8FAF
83.3%	83.3% #9280A4	RGB 146 128 164	#9280A4
100.0%	100.0% #86729A	RGB 134 114 154	#86729A

#D3C9DB #C6BAD0 #B9ACC5 #AC9DBA #9F8FAF #9280A4 #86729A

#D3C9DB - #86729A

HSV Blend

#D3C9DB - #86729A | 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 #D3C9DB as 0% and #86729A as 100%.

0.0%	0.0% #D3C9DB	RGB 211 201 219	#D3C9DB
16.7%	16.7% #C5B8D0	RGB 197 184 208	#C5B8D0
33.3%	33.3% #B8A9C5	RGB 184 169 197	#B8A9C5
50.0%	50.0% #AB9ABA	RGB 171 154 186	#AB9ABA
66.7%	66.7% #9E8CAF	RGB 158 140 175	#9E8CAF
83.3%	83.3% #927EA4	RGB 146 126 164	#927EA4
100.0%	100.0% #86729A	RGB 134 114 154	#86729A

#D3C9DB #C5B8D0 #B8A9C5 #AB9ABA #9E8CAF #927EA4 #86729A

#D3C9DB - #AB9ABA - #86729A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3C9DB 0%, #AB9ABA 50%, #86729A 100%);
    background: -webkit-linear-gradient(top, #D3C9DB 0%, #AB9ABA 50%, #86729A 100%);
    background: linear-gradient(to bottom, #D3C9DB 0%, #AB9ABA 50%, #86729A 100%);
}
</style>