#7E8C9F - #D3C5B4 | 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 #7E8C9F to #D3C5B4

#7E8C9F #D3C5B4

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

#7E8C9F - #D3C5B4 | 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 #7E8C9F as 0% and #D3C5B4 as 100%.

0.0%	0.0% #7E8C9F	RGB 126 140 159	#7E8C9F
16.7%	16.7% #8C95A2	RGB 140 149 162	#8C95A2
33.3%	33.3% #9A9FA6	RGB 154 159 166	#9A9FA6
50.0%	50.0% #A8A8A9	RGB 168 168 169	#A8A8A9
66.7%	66.7% #B6B2AD	RGB 182 178 173	#B6B2AD
83.3%	83.3% #C4BBB0	RGB 196 187 176	#C4BBB0
100.0%	100.0% #D3C5B4	RGB 211 197 180	#D3C5B4

#7E8C9F #8C95A2 #9A9FA6 #A8A8A9 #B6B2AD #C4BBB0 #D3C5B4

#7E8C9F - #D3C5B4

HSV Blend

#7E8C9F - #D3C5B4 | 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 #7E8C9F as 0% and #D3C5B4 as 100%.

0.0%	0.0% #7E8C9F	RGB 126 140 159	#7E8C9F
16.7%	16.7% #8886A7	RGB 136 134 167	#8886A7
33.3%	33.3% #A28FB0	RGB 162 143 176	#A28FB0
50.0%	50.0% #B998B6	RGB 185 152 182	#B998B6
66.7%	66.7% #C1A1AF	RGB 193 161 175	#C1A1AF
83.3%	83.3% #CAACAA	RGB 202 172 170	#CAACAA
100.0%	100.0% #D3C5B4	RGB 211 197 180	#D3C5B4

#7E8C9F #8886A7 #A28FB0 #B998B6 #C1A1AF #CAACAA #D3C5B4

#7E8C9F - #B998B6 - #D3C5B4

CSS codes

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

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