#7A828F - #D1BDA7 | 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 #7A828F to #D1BDA7

#7A828F #D1BDA7

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

#7A828F - #D1BDA7 | 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 #7A828F as 0% and #D1BDA7 as 100%.

0.0%	0.0% #7A828F	RGB 122 130 143	#7A828F
16.7%	16.7% #888B93	RGB 136 139 147	#888B93
33.3%	33.3% #979597	RGB 151 149 151	#979597
50.0%	50.0% #A59F9B	RGB 165 159 155	#A59F9B
66.7%	66.7% #B4A99F	RGB 180 169 159	#B4A99F
83.3%	83.3% #C2B3A3	RGB 194 179 163	#C2B3A3
100.0%	100.0% #D1BDA7	RGB 209 189 167	#D1BDA7

#7A828F #888B93 #979597 #A59F9B #B4A99F #C2B3A3 #D1BDA7

#7A828F - #D1BDA7

HSV Blend

#7A828F - #D1BDA7 | 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 #7A828F as 0% and #D1BDA7 as 100%.

0.0%	0.0% #7A828F	RGB 122 130 143	#7A828F
16.7%	16.7% #84819A	RGB 132 129 154	#84819A
33.3%	33.3% #9989A5	RGB 153 137 165	#9989A5
50.0%	50.0% #B091AD	RGB 176 145 173	#B091AD
66.7%	66.7% #BB98A7	RGB 187 152 167	#BB98A7
83.3%	83.3% #C6A19F	RGB 198 161 159	#C6A19F
100.0%	100.0% #D1BDA7	RGB 209 189 167	#D1BDA7

#7A828F #84819A #9989A5 #B091AD #BB98A7 #C6A19F #D1BDA7

#7A828F - #B091AD - #D1BDA7

CSS codes

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

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