#D1D1D2 - #828DA6 | 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 #D1D1D2 to #828DA6

#D1D1D2 #828DA6

Calculate the color between two colors, #D1D1D2 and #828DA6. 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)

#D1D1D2 - #828DA6 | 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 #D1D1D2 as 0% and #828DA6 as 100%.

0.0%	0.0% #D1D1D2	RGB 209 209 210	#D1D1D2
16.7%	16.7% #C3C5CA	RGB 195 197 202	#C3C5CA
33.3%	33.3% #B6BAC3	RGB 182 186 195	#B6BAC3
50.0%	50.0% #A9AFBC	RGB 169 175 188	#A9AFBC
66.7%	66.7% #9CA3B4	RGB 156 163 180	#9CA3B4
83.3%	83.3% #8F98AD	RGB 143 152 173	#8F98AD
100.0%	100.0% #828DA6	RGB 130 141 166	#828DA6

#D1D1D2 #C3C5CA #B6BAC3 #A9AFBC #9CA3B4 #8F98AD #828DA6

#D1D1D2 - #828DA6

HSV Blend

#D1D1D2 - #828DA6 | 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 #D1D1D2 as 0% and #828DA6 as 100%.

0.0%	0.0% #D1D1D2	RGB 209 209 210	#D1D1D2
16.7%	16.7% #C2C2CA	RGB 194 194 202	#C2C2CA
33.3%	33.3% #B4B6C3	RGB 180 182 195	#B4B6C3
50.0%	50.0% #A7AABC	RGB 167 170 188	#A7AABC
66.7%	66.7% #9A9FB4	RGB 154 159 180	#9A9FB4
83.3%	83.3% #8D95AD	RGB 141 149 173	#8D95AD
100.0%	100.0% #828DA6	RGB 130 141 166	#828DA6

#D1D1D2 #C2C2CA #B4B6C3 #A7AABC #9A9FB4 #8D95AD #828DA6

#D1D1D2 - #A7AABC - #828DA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1D1D2 0%, #A7AABC 50%, #828DA6 100%);
    background: -webkit-linear-gradient(top, #D1D1D2 0%, #A7AABC 50%, #828DA6 100%);
    background: linear-gradient(to bottom, #D1D1D2 0%, #A7AABC 50%, #828DA6 100%);
}
</style>