#959292 - #FFD7B3 | 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 #959292 to #FFD7B3

#959292 #FFD7B3

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

#959292 - #FFD7B3 | 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 #959292 as 0% and #FFD7B3 as 100%.

0.0%	0.0% #959292	RGB 149 146 146	#959292
16.7%	16.7% #A69D97	RGB 166 157 151	#A69D97
33.3%	33.3% #B8A99D	RGB 184 169 157	#B8A99D
50.0%	50.0% #CAB4A2	RGB 202 180 162	#CAB4A2
66.7%	66.7% #DBC0A8	RGB 219 192 168	#DBC0A8
83.3%	83.3% #EDCBAD	RGB 237 203 173	#EDCBAD
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#959292 #A69D97 #B8A99D #CAB4A2 #DBC0A8 #EDCBAD #FFD7B3

#959292 - #FFD7B3

HSV Blend

#959292 - #FFD7B3 | 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 #959292 as 0% and #FFD7B3 as 100%.

0.0%	0.0% #959292	RGB 149 146 146	#959292
16.7%	16.7% #A69C9B	RGB 166 156 155	#A69C9B
33.3%	33.3% #B8A6A3	RGB 184 166 163	#B8A6A3
50.0%	50.0% #CAB1A9	RGB 202 177 169	#CAB1A9
66.7%	66.7% #DBBCAE	RGB 219 188 174	#DBBCAE
83.3%	83.3% #EDC9B1	RGB 237 201 177	#EDC9B1
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#959292 #A69C9B #B8A6A3 #CAB1A9 #DBBCAE #EDC9B1 #FFD7B3

#959292 - #CAB1A9 - #FFD7B3

CSS codes

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

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