#3C2323 - #966351 | 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 #3C2323 to #966351

#3C2323 #966351

Calculate the color between two colors, #3C2323 and #966351. 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)

#3C2323 - #966351 | 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 #3C2323 as 0% and #966351 as 100%.

0.0%	0.0% #3C2323	RGB 60 35 35	#3C2323
16.7%	16.7% #4B2D2A	RGB 75 45 42	#4B2D2A
33.3%	33.3% #5A3832	RGB 90 56 50	#5A3832
50.0%	50.0% #69433A	RGB 105 67 58	#69433A
66.7%	66.7% #784D41	RGB 120 77 65	#784D41
83.3%	83.3% #875849	RGB 135 88 73	#875849
100.0%	100.0% #966351	RGB 150 99 81	#966351

#3C2323 #4B2D2A #5A3832 #69433A #784D41 #875849 #966351

#3C2323 - #966351

HSV Blend

#3C2323 - #966351 | 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 #3C2323 as 0% and #966351 as 100%.

0.0%	0.0% #3C2323	RGB 60 35 35	#3C2323
16.7%	16.7% #4B2C2B	RGB 75 44 43	#4B2C2B
33.3%	33.3% #5A3633	RGB 90 54 51	#5A3633
50.0%	50.0% #69403A	RGB 105 64 58	#69403A
66.7%	66.7% #784B42	RGB 120 75 66	#784B42
83.3%	83.3% #875749	RGB 135 87 73	#875749
100.0%	100.0% #966351	RGB 150 99 81	#966351

#3C2323 #4B2C2B #5A3633 #69403A #784B42 #875749 #966351

#3C2323 - #69403A - #966351

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2323 0%, #69403A 50%, #966351 100%);
    background: -webkit-linear-gradient(top, #3C2323 0%, #69403A 50%, #966351 100%);
    background: linear-gradient(to bottom, #3C2323 0%, #69403A 50%, #966351 100%);
}
</style>