#774E5E - #D8CCD1 | 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 #774E5E to #D8CCD1

#774E5E #D8CCD1

Calculate the color between two colors, #774E5E and #D8CCD1. 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)

#774E5E - #D8CCD1 | 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 #774E5E as 0% and #D8CCD1 as 100%.

0.0%	0.0% #774E5E	RGB 119 78 94	#774E5E
16.7%	16.7% #876371	RGB 135 99 113	#876371
33.3%	33.3% #977884	RGB 151 120 132	#977884
50.0%	50.0% #A78D97	RGB 167 141 151	#A78D97
66.7%	66.7% #B7A2AA	RGB 183 162 170	#B7A2AA
83.3%	83.3% #C7B7BD	RGB 199 183 189	#C7B7BD
100.0%	100.0% #D8CCD1	RGB 216 204 209	#D8CCD1

#774E5E #876371 #977884 #A78D97 #B7A2AA #C7B7BD #D8CCD1

#774E5E - #D8CCD1

HSV Blend

#774E5E - #D8CCD1 | 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 #774E5E as 0% and #D8CCD1 as 100%.

0.0%	0.0% #774E5E	RGB 119 78 94	#774E5E
16.7%	16.7% #875F6E	RGB 135 95 110	#875F6E
33.3%	33.3% #977180	RGB 151 113 128	#977180
50.0%	50.0% #A78593	RGB 167 133 147	#A78593
66.7%	66.7% #B79BA7	RGB 183 155 167	#B79BA7
83.3%	83.3% #C7B3BB	RGB 199 179 187	#C7B3BB
100.0%	100.0% #D8CCD1	RGB 216 204 209	#D8CCD1

#774E5E #875F6E #977180 #A78593 #B79BA7 #C7B3BB #D8CCD1

#774E5E - #A78593 - #D8CCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #774E5E 0%, #A78593 50%, #D8CCD1 100%);
    background: -webkit-linear-gradient(top, #774E5E 0%, #A78593 50%, #D8CCD1 100%);
    background: linear-gradient(to bottom, #774E5E 0%, #A78593 50%, #D8CCD1 100%);
}
</style>