#51504C - #422D09 | 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 #51504C to #422D09

#51504C #422D09

Calculate the color between two colors, #51504C and #422D09. 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)

#51504C - #422D09 | 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 #51504C as 0% and #422D09 as 100%.

0.0%	0.0% #51504C	RGB 81 80 76	#51504C
16.7%	16.7% #4E4A40	RGB 78 74 64	#4E4A40
33.3%	33.3% #4C4435	RGB 76 68 53	#4C4435
50.0%	50.0% #493E2A	RGB 73 62 42	#493E2A
66.7%	66.7% #47381F	RGB 71 56 31	#47381F
83.3%	83.3% #443214	RGB 68 50 20	#443214
100.0%	100.0% #422D09	RGB 66 45 9	#422D09

#51504C #4E4A40 #4C4435 #493E2A #47381F #443214 #422D09

#51504C - #422D09

HSV Blend

#51504C - #422D09 | 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 #51504C as 0% and #422D09 as 100%.

0.0%	0.0% #51504C	RGB 81 80 76	#51504C
16.7%	16.7% #4E4B3F	RGB 78 75 63	#4E4B3F
33.3%	33.3% #4C4532	RGB 76 69 50	#4C4532
50.0%	50.0% #493F27	RGB 73 63 39	#493F27
66.7%	66.7% #47391C	RGB 71 57 28	#47391C
83.3%	83.3% #443312	RGB 68 51 18	#443312
100.0%	100.0% #422D09	RGB 66 45 9	#422D09

#51504C #4E4B3F #4C4532 #493F27 #47391C #443312 #422D09

#51504C - #493F27 - #422D09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51504C 0%, #493F27 50%, #422D09 100%);
    background: -webkit-linear-gradient(top, #51504C 0%, #493F27 50%, #422D09 100%);
    background: linear-gradient(to bottom, #51504C 0%, #493F27 50%, #422D09 100%);
}
</style>