#858B9C - #D4C3AF | 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 #858B9C to #D4C3AF

#858B9C #D4C3AF

Calculate the color between two colors, #858B9C and #D4C3AF. 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)

#858B9C - #D4C3AF | 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 #858B9C as 0% and #D4C3AF as 100%.

0.0%	0.0% #858B9C	RGB 133 139 156	#858B9C
16.7%	16.7% #92949F	RGB 146 148 159	#92949F
33.3%	33.3% #9F9DA2	RGB 159 157 162	#9F9DA2
50.0%	50.0% #ACA7A5	RGB 172 167 165	#ACA7A5
66.7%	66.7% #B9B0A8	RGB 185 176 168	#B9B0A8
83.3%	83.3% #C6B9AB	RGB 198 185 171	#C6B9AB
100.0%	100.0% #D4C3AF	RGB 212 195 175	#D4C3AF

#858B9C #92949F #9F9DA2 #ACA7A5 #B9B0A8 #C6B9AB #D4C3AF

#858B9C - #D4C3AF

HSV Blend

#858B9C - #D4C3AF | 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 #858B9C as 0% and #D4C3AF as 100%.

0.0%	0.0% #858B9C	RGB 133 139 156	#858B9C
16.7%	16.7% #918CA5	RGB 145 140 165	#918CA5
33.3%	33.3% #A593AE	RGB 165 147 174	#A593AE
50.0%	50.0% #B89AB3	RGB 184 154 179	#B89AB3
66.7%	66.7% #C1A1AD	RGB 193 161 173	#C1A1AD
83.3%	83.3% #CAAAA8	RGB 202 170 168	#CAAAA8
100.0%	100.0% #D4C3AF	RGB 212 195 175	#D4C3AF

#858B9C #918CA5 #A593AE #B89AB3 #C1A1AD #CAAAA8 #D4C3AF

#858B9C - #B89AB3 - #D4C3AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858B9C 0%, #B89AB3 50%, #D4C3AF 100%);
    background: -webkit-linear-gradient(top, #858B9C 0%, #B89AB3 50%, #D4C3AF 100%);
    background: linear-gradient(to bottom, #858B9C 0%, #B89AB3 50%, #D4C3AF 100%);
}
</style>