#76334A - #3C0D12 | 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 #76334A to #3C0D12

#76334A #3C0D12

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

#76334A - #3C0D12 | 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 #76334A as 0% and #3C0D12 as 100%.

0.0%	0.0% #76334A	RGB 118 51 74	#76334A
16.7%	16.7% #6C2C40	RGB 108 44 64	#6C2C40
33.3%	33.3% #622637	RGB 98 38 55	#622637
50.0%	50.0% #59202E	RGB 89 32 46	#59202E
66.7%	66.7% #4F1924	RGB 79 25 36	#4F1924
83.3%	83.3% #45131B	RGB 69 19 27	#45131B
100.0%	100.0% #3C0D12	RGB 60 13 18	#3C0D12

#76334A #6C2C40 #622637 #59202E #4F1924 #45131B #3C0D12

#76334A - #3C0D12

HSV Blend

#76334A - #3C0D12 | 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 #76334A as 0% and #3C0D12 as 100%.

0.0%	0.0% #763349	RGB 118 51 73	#763349
16.7%	16.7% #6C2A3E	RGB 108 42 62	#6C2A3E
33.3%	33.3% #622334	RGB 98 35 52	#622334
50.0%	50.0% #591C2A	RGB 89 28 42	#591C2A
66.7%	66.7% #4F1621	RGB 79 22 33	#4F1621
83.3%	83.3% #451119	RGB 69 17 25	#451119
100.0%	100.0% #3C0D12	RGB 60 13 18	#3C0D12

#763349 #6C2A3E #622334 #591C2A #4F1621 #451119 #3C0D12

#76334A - #591C2A - #3C0D12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #763349 0%, #591C2A 50%, #3C0D12 100%);
    background: -webkit-linear-gradient(top, #763349 0%, #591C2A 50%, #3C0D12 100%);
    background: linear-gradient(to bottom, #763349 0%, #591C2A 50%, #3C0D12 100%);
}
</style>