#826664 - #251D1C | 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 #826664 to #251D1C

#826664 #251D1C

Calculate the color between two colors, #826664 and #251D1C. 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)

#826664 - #251D1C | 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 #826664 as 0% and #251D1C as 100%.

0.0%	0.0% #826664	RGB 130 102 100	#826664
16.7%	16.7% #725958	RGB 114 89 88	#725958
33.3%	33.3% #634D4C	RGB 99 77 76	#634D4C
50.0%	50.0% #534140	RGB 83 65 64	#534140
66.7%	66.7% #443534	RGB 68 53 52	#443534
83.3%	83.3% #342928	RGB 52 41 40	#342928
100.0%	100.0% #251D1C	RGB 37 29 28	#251D1C

#826664 #725958 #634D4C #534140 #443534 #342928 #251D1C

#826664 - #251D1C

HSV Blend

#826664 - #251D1C | 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 #826664 as 0% and #251D1C as 100%.

0.0%	0.0% #826664	RGB 130 102 100	#826664
16.7%	16.7% #725957	RGB 114 89 87	#725957
33.3%	33.3% #634D4B	RGB 99 77 75	#634D4B
50.0%	50.0% #53413F	RGB 83 65 63	#53413F
66.7%	66.7% #443533	RGB 68 53 51	#443533
83.3%	83.3% #342927	RGB 52 41 39	#342927
100.0%	100.0% #251D1C	RGB 37 29 28	#251D1C

#826664 #725957 #634D4B #53413F #443533 #342927 #251D1C

#826664 - #53413F - #251D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #826664 0%, #53413F 50%, #251D1C 100%);
    background: -webkit-linear-gradient(top, #826664 0%, #53413F 50%, #251D1C 100%);
    background: linear-gradient(to bottom, #826664 0%, #53413F 50%, #251D1C 100%);
}
</style>