#7A7E5E - #D8DAD1 | 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 #7A7E5E to #D8DAD1

#7A7E5E #D8DAD1

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

#7A7E5E - #D8DAD1 | 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 #7A7E5E as 0% and #D8DAD1 as 100%.

0.0%	0.0% #7A7E5E	RGB 122 126 94	#7A7E5E
16.7%	16.7% #898D71	RGB 137 141 113	#898D71
33.3%	33.3% #999C84	RGB 153 156 132	#999C84
50.0%	50.0% #A9AC97	RGB 169 172 151	#A9AC97
66.7%	66.7% #B8BBAA	RGB 184 187 170	#B8BBAA
83.3%	83.3% #C8CABD	RGB 200 202 189	#C8CABD
100.0%	100.0% #D8DAD1	RGB 216 218 209	#D8DAD1

#7A7E5E #898D71 #999C84 #A9AC97 #B8BBAA #C8CABD #D8DAD1

#7A7E5E - #D8DAD1

HSV Blend

#7A7E5E - #D8DAD1 | 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 #7A7E5E as 0% and #D8DAD1 as 100%.

0.0%	0.0% #7A7E5E	RGB 122 126 94	#7A7E5E
16.7%	16.7% #888D6E	RGB 136 141 110	#888D6E
33.3%	33.3% #989C7F	RGB 152 156 127	#989C7F
50.0%	50.0% #A7AC92	RGB 167 172 146	#A7AC92
66.7%	66.7% #B7BBA6	RGB 183 187 166	#B7BBA6
83.3%	83.3% #C7CABB	RGB 199 202 187	#C7CABB
100.0%	100.0% #D8DAD1	RGB 216 218 209	#D8DAD1

#7A7E5E #888D6E #989C7F #A7AC92 #B7BBA6 #C7CABB #D8DAD1

#7A7E5E - #A7AC92 - #D8DAD1

CSS codes

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

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