#D2DAD8 - #86929E | 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 #D2DAD8 to #86929E

#D2DAD8 #86929E

Calculate the color between two colors, #D2DAD8 and #86929E. 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)

#D2DAD8 - #86929E | 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 #D2DAD8 as 0% and #86929E as 100%.

0.0%	0.0% #D2DAD8	RGB 210 218 216	#D2DAD8
16.7%	16.7% #C5CECE	RGB 197 206 206	#C5CECE
33.3%	33.3% #B8C2C4	RGB 184 194 196	#B8C2C4
50.0%	50.0% #ACB6BB	RGB 172 182 187	#ACB6BB
66.7%	66.7% #9FAAB1	RGB 159 170 177	#9FAAB1
83.3%	83.3% #929EA7	RGB 146 158 167	#929EA7
100.0%	100.0% #86929E	RGB 134 146 158	#86929E

#D2DAD8 #C5CECE #B8C2C4 #ACB6BB #9FAAB1 #929EA7 #86929E

#D2DAD8 - #86929E

HSV Blend

#D2DAD8 - #86929E | 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 #D2DAD8 as 0% and #86929E as 100%.

0.0%	0.0% #D2DAD8	RGB 210 218 216	#D2DAD8
16.7%	16.7% #C4D0CE	RGB 196 208 206	#C4D0CE
33.3%	33.3% #B7C6C6	RGB 183 198 198	#B7C6C6
50.0%	50.0% #AAB9BC	RGB 170 185 188	#AAB9BC
66.7%	66.7% #9DACB2	RGB 157 172 178	#9DACB2
83.3%	83.3% #919FA8	RGB 145 159 168	#919FA8
100.0%	100.0% #86929E	RGB 134 146 158	#86929E

#D2DAD8 #C4D0CE #B7C6C6 #AAB9BC #9DACB2 #919FA8 #86929E

#D2DAD8 - #AAB9BC - #86929E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2DAD8 0%, #AAB9BC 50%, #86929E 100%);
    background: -webkit-linear-gradient(top, #D2DAD8 0%, #AAB9BC 50%, #86929E 100%);
    background: linear-gradient(to bottom, #D2DAD8 0%, #AAB9BC 50%, #86929E 100%);
}
</style>