#7A818B - #D2BDA4 | 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 #7A818B to #D2BDA4

#7A818B #D2BDA4

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

#7A818B - #D2BDA4 | 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 #7A818B as 0% and #D2BDA4 as 100%.

0.0%	0.0% #7A818B	RGB 122 129 139	#7A818B
16.7%	16.7% #888B8F	RGB 136 139 143	#888B8F
33.3%	33.3% #979593	RGB 151 149 147	#979593
50.0%	50.0% #A69F97	RGB 166 159 151	#A69F97
66.7%	66.7% #B4A99B	RGB 180 169 155	#B4A99B
83.3%	83.3% #C3B39F	RGB 195 179 159	#C3B39F
100.0%	100.0% #D2BDA4	RGB 210 189 164	#D2BDA4

#7A818B #888B8F #979593 #A69F97 #B4A99B #C3B39F #D2BDA4

#7A818B - #D2BDA4

HSV Blend

#7A818B - #D2BDA4 | 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 #7A818B as 0% and #D2BDA4 as 100%.

0.0%	0.0% #7A818B	RGB 122 129 139	#7A818B
16.7%	16.7% #838196	RGB 131 129 150	#838196
33.3%	33.3% #9789A2	RGB 151 137 162	#9789A2
50.0%	50.0% #AE90AC	RGB 174 144 172	#AE90AC
66.7%	66.7% #BA97A6	RGB 186 151 166	#BA97A6
83.3%	83.3% #C6A09D	RGB 198 160 157	#C6A09D
100.0%	100.0% #D2BDA4	RGB 210 189 164	#D2BDA4

#7A818B #838196 #9789A2 #AE90AC #BA97A6 #C6A09D #D2BDA4

#7A818B - #AE90AC - #D2BDA4

CSS codes

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

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