#8F9BA3 - #DFCEB8 | 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 #8F9BA3 to #DFCEB8

#8F9BA3 #DFCEB8

Calculate the color between two colors, #8F9BA3 and #DFCEB8. 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)

#8F9BA3 - #DFCEB8 | 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 #8F9BA3 as 0% and #DFCEB8 as 100%.

0.0%	0.0% #8F9BA3	RGB 143 155 163	#8F9BA3
16.7%	16.7% #9CA3A6	RGB 156 163 166	#9CA3A6
33.3%	33.3% #A9ACAA	RGB 169 172 170	#A9ACAA
50.0%	50.0% #B7B4AD	RGB 183 180 173	#B7B4AD
66.7%	66.7% #C4BDB1	RGB 196 189 177	#C4BDB1
83.3%	83.3% #D1C5B4	RGB 209 197 180	#D1C5B4
100.0%	100.0% #DFCEB8	RGB 223 206 184	#DFCEB8

#8F9BA3 #9CA3A6 #A9ACAA #B7B4AD #C4BDB1 #D1C5B4 #DFCEB8

#8F9BA3 - #DFCEB8

HSV Blend

#8F9BA3 - #DFCEB8 | 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 #8F9BA3 as 0% and #DFCEB8 as 100%.

0.0%	0.0% #8F9BA3	RGB 143 155 163	#8F9BA3
16.7%	16.7% #96ADAB	RGB 150 173 171	#96ADAB
33.3%	33.3% #9DB7A9	RGB 157 183 169	#9DB7A9
50.0%	50.0% #A4C1A4	RGB 164 193 164	#A4C1A4
66.7%	66.7% #BACBAB	RGB 186 203 171	#BACBAB
83.3%	83.3% #D3D5B1	RGB 211 213 177	#D3D5B1
100.0%	100.0% #DFCEB8	RGB 223 206 184	#DFCEB8

#8F9BA3 #96ADAB #9DB7A9 #A4C1A4 #BACBAB #D3D5B1 #DFCEB8

#8F9BA3 - #A4C1A4 - #DFCEB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9BA3 0%, #A4C1A4 50%, #DFCEB8 100%);
    background: -webkit-linear-gradient(top, #8F9BA3 0%, #A4C1A4 50%, #DFCEB8 100%);
    background: linear-gradient(to bottom, #8F9BA3 0%, #A4C1A4 50%, #DFCEB8 100%);
}
</style>