#D6D4DA - #8F8099 | 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 #D6D4DA to #8F8099

#D6D4DA #8F8099

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

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

0.0%	0.0% #D6D4DA	RGB 214 212 218	#D6D4DA
16.7%	16.7% #CAC6CF	RGB 202 198 207	#CAC6CF
33.3%	33.3% #BEB8C4	RGB 190 184 196	#BEB8C4
50.0%	50.0% #B2AAB9	RGB 178 170 185	#B2AAB9
66.7%	66.7% #A69CAE	RGB 166 156 174	#A69CAE
83.3%	83.3% #9A8EA3	RGB 154 142 163	#9A8EA3
100.0%	100.0% #8F8099	RGB 143 128 153	#8F8099

#D6D4DA #CAC6CF #BEB8C4 #B2AAB9 #A69CAE #9A8EA3 #8F8099

#D6D4DA - #8F8099

HSV Blend

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

0.0%	0.0% #D6D4DA	RGB 214 212 218	#D6D4DA
16.7%	16.7% #C8C4CF	RGB 200 196 207	#C8C4CF
33.3%	33.3% #BCB6C4	RGB 188 182 196	#BCB6C4
50.0%	50.0% #B0A7B9	RGB 176 167 185	#B0A7B9
66.7%	66.7% #A49AAE	RGB 164 154 174	#A49AAE
83.3%	83.3% #998CA3	RGB 153 140 163	#998CA3
100.0%	100.0% #8F8099	RGB 143 128 153	#8F8099

#D6D4DA #C8C4CF #BCB6C4 #B0A7B9 #A49AAE #998CA3 #8F8099

#D6D4DA - #B0A7B9 - #8F8099

CSS codes

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

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