#778D9F - #D3C7B6 | 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 #778D9F to #D3C7B6

#778D9F #D3C7B6

Calculate the color between two colors, #778D9F and #D3C7B6. 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)

#778D9F - #D3C7B6 | 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 #778D9F as 0% and #D3C7B6 as 100%.

0.0%	0.0% #778D9F	RGB 119 141 159	#778D9F
16.7%	16.7% #8696A2	RGB 134 150 162	#8696A2
33.3%	33.3% #95A0A6	RGB 149 160 166	#95A0A6
50.0%	50.0% #A5AAAA	RGB 165 170 170	#A5AAAA
66.7%	66.7% #B4B3AE	RGB 180 179 174	#B4B3AE
83.3%	83.3% #C3BDB2	RGB 195 189 178	#C3BDB2
100.0%	100.0% #D3C7B6	RGB 211 199 182	#D3C7B6

#778D9F #8696A2 #95A0A6 #A5AAAA #B4B3AE #C3BDB2 #D3C7B6

#778D9F - #D3C7B6

HSV Blend

#778D9F - #D3C7B6 | 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 #778D9F as 0% and #D3C7B6 as 100%.

0.0%	0.0% #778D9F	RGB 119 141 159	#778D9F
16.7%	16.7% #80A7A6	RGB 128 167 166	#80A7A6
33.3%	33.3% #8AB09D	RGB 138 176 157	#8AB09D
50.0%	50.0% #95B995	RGB 149 185 149	#95B995
66.7%	66.7% #AFC19F	RGB 175 193 159	#AFC19F
83.3%	83.3% #C8CAAA	RGB 200 202 170	#C8CAAA
100.0%	100.0% #D3C7B6	RGB 211 199 182	#D3C7B6

#778D9F #80A7A6 #8AB09D #95B995 #AFC19F #C8CAAA #D3C7B6

#778D9F - #95B995 - #D3C7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #778D9F 0%, #95B995 50%, #D3C7B6 100%);
    background: -webkit-linear-gradient(top, #778D9F 0%, #95B995 50%, #D3C7B6 100%);
    background: linear-gradient(to bottom, #778D9F 0%, #95B995 50%, #D3C7B6 100%);
}
</style>