#D2D4D9 - #7A8C9C | 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 #D2D4D9 to #7A8C9C

#D2D4D9 #7A8C9C

Calculate the color between two colors, #D2D4D9 and #7A8C9C. 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)

#D2D4D9 - #7A8C9C | 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 #D2D4D9 as 0% and #7A8C9C as 100%.

0.0%	0.0% #D2D4D9	RGB 210 212 217	#D2D4D9
16.7%	16.7% #C3C8CE	RGB 195 200 206	#C3C8CE
33.3%	33.3% #B4BCC4	RGB 180 188 196	#B4BCC4
50.0%	50.0% #A6B0BA	RGB 166 176 186	#A6B0BA
66.7%	66.7% #97A4B0	RGB 151 164 176	#97A4B0
83.3%	83.3% #8898A6	RGB 136 152 166	#8898A6
100.0%	100.0% #7A8C9C	RGB 122 140 156	#7A8C9C

#D2D4D9 #C3C8CE #B4BCC4 #A6B0BA #97A4B0 #8898A6 #7A8C9C

#D2D4D9 - #7A8C9C

HSV Blend

#D2D4D9 - #7A8C9C | 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 #D2D4D9 as 0% and #7A8C9C as 100%.

0.0%	0.0% #D2D4D9	RGB 210 212 217	#D2D4D9
16.7%	16.7% #C1C6CE	RGB 193 198 206	#C1C6CE
33.3%	33.3% #B2B8C4	RGB 178 184 196	#B2B8C4
50.0%	50.0% #A3ACBA	RGB 163 172 186	#A3ACBA
66.7%	66.7% #94A1B0	RGB 148 161 176	#94A1B0
83.3%	83.3% #8796A6	RGB 135 150 166	#8796A6
100.0%	100.0% #7A8C9C	RGB 122 140 156	#7A8C9C

#D2D4D9 #C1C6CE #B2B8C4 #A3ACBA #94A1B0 #8796A6 #7A8C9C

#D2D4D9 - #A3ACBA - #7A8C9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D4D9 0%, #A3ACBA 50%, #7A8C9C 100%);
    background: -webkit-linear-gradient(top, #D2D4D9 0%, #A3ACBA 50%, #7A8C9C 100%);
    background: linear-gradient(to bottom, #D2D4D9 0%, #A3ACBA 50%, #7A8C9C 100%);
}
</style>