#939BA3 - #DFCEB6 | 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 #939BA3 to #DFCEB6

#939BA3 #DFCEB6

Calculate the color between two colors, #939BA3 and #DFCEB6. 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)

#939BA3 - #DFCEB6 | 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 #939BA3 as 0% and #DFCEB6 as 100%.

0.0%	0.0% #939BA3	RGB 147 155 163	#939BA3
16.7%	16.7% #9FA3A6	RGB 159 163 166	#9FA3A6
33.3%	33.3% #ACACA9	RGB 172 172 169	#ACACA9
50.0%	50.0% #B9B4AC	RGB 185 180 172	#B9B4AC
66.7%	66.7% #C5BDAF	RGB 197 189 175	#C5BDAF
83.3%	83.3% #D2C5B2	RGB 210 197 178	#D2C5B2
100.0%	100.0% #DFCEB6	RGB 223 206 182	#DFCEB6

#939BA3 #9FA3A6 #ACACA9 #B9B4AC #C5BDAF #D2C5B2 #DFCEB6

#939BA3 - #DFCEB6

HSV Blend

#939BA3 - #DFCEB6 | 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 #939BA3 as 0% and #DFCEB6 as 100%.

0.0%	0.0% #939BA3	RGB 147 155 163	#939BA3
16.7%	16.7% #99ACAD	RGB 153 172 173	#99ACAD
33.3%	33.3% #9FB7AC	RGB 159 183 172	#9FB7AC
50.0%	50.0% #A5C1A6	RGB 165 193 166	#A5C1A6
66.7%	66.7% #B9CBAB	RGB 185 203 171	#B9CBAB
83.3%	83.3% #D2D5B0	RGB 210 213 176	#D2D5B0
100.0%	100.0% #DFCEB6	RGB 223 206 182	#DFCEB6

#939BA3 #99ACAD #9FB7AC #A5C1A6 #B9CBAB #D2D5B0 #DFCEB6

#939BA3 - #A5C1A6 - #DFCEB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939BA3 0%, #A5C1A6 50%, #DFCEB6 100%);
    background: -webkit-linear-gradient(top, #939BA3 0%, #A5C1A6 50%, #DFCEB6 100%);
    background: linear-gradient(to bottom, #939BA3 0%, #A5C1A6 50%, #DFCEB6 100%);
}
</style>