#766B5D - #D7D4D0 | 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 #766B5D to #D7D4D0

#766B5D #D7D4D0

Calculate the color between two colors, #766B5D and #D7D4D0. 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)

#766B5D - #D7D4D0 | 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 #766B5D as 0% and #D7D4D0 as 100%.

0.0%	0.0% #766B5D	RGB 118 107 93	#766B5D
16.7%	16.7% #867C70	RGB 134 124 112	#867C70
33.3%	33.3% #968E83	RGB 150 142 131	#968E83
50.0%	50.0% #A69F96	RGB 166 159 150	#A69F96
66.7%	66.7% #B6B1A9	RGB 182 177 169	#B6B1A9
83.3%	83.3% #C6C2BC	RGB 198 194 188	#C6C2BC
100.0%	100.0% #D7D4D0	RGB 215 212 208	#D7D4D0

#766B5D #867C70 #968E83 #A69F96 #B6B1A9 #C6C2BC #D7D4D0

#766B5D - #D7D4D0

HSV Blend

#766B5D - #D7D4D0 | 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 #766B5D as 0% and #D7D4D0 as 100%.

0.0%	0.0% #766B5D	RGB 118 107 93	#766B5D
16.7%	16.7% #867B6D	RGB 134 123 109	#867B6D
33.3%	33.3% #968C7F	RGB 150 140 127	#968C7F
50.0%	50.0% #A69D92	RGB 166 157 146	#A69D92
66.7%	66.7% #B6AFA5	RGB 182 175 165	#B6AFA5
83.3%	83.3% #C6C1BA	RGB 198 193 186	#C6C1BA
100.0%	100.0% #D7D4D0	RGB 215 212 208	#D7D4D0

#766B5D #867B6D #968C7F #A69D92 #B6AFA5 #C6C1BA #D7D4D0

#766B5D - #A69D92 - #D7D4D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #766B5D 0%, #A69D92 50%, #D7D4D0 100%);
    background: -webkit-linear-gradient(top, #766B5D 0%, #A69D92 50%, #D7D4D0 100%);
    background: linear-gradient(to bottom, #766B5D 0%, #A69D92 50%, #D7D4D0 100%);
}
</style>