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

#78334A #3C0D12

Calculate the color between two colors, #78334A 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)

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

0.0%	0.0% #78334A	RGB 120 51 74	#78334A
16.7%	16.7% #6E2C40	RGB 110 44 64	#6E2C40
33.3%	33.3% #642637	RGB 100 38 55	#642637
50.0%	50.0% #5A202E	RGB 90 32 46	#5A202E
66.7%	66.7% #501924	RGB 80 25 36	#501924
83.3%	83.3% #46131B	RGB 70 19 27	#46131B
100.0%	100.0% #3C0D12	RGB 60 13 18	#3C0D12

#78334A #6E2C40 #642637 #5A202E #501924 #46131B #3C0D12

#78334A - #3C0D12

HSV Blend

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

0.0%	0.0% #783349	RGB 120 51 73	#783349
16.7%	16.7% #6E2A3E	RGB 110 42 62	#6E2A3E
33.3%	33.3% #642334	RGB 100 35 52	#642334
50.0%	50.0% #5A1C2A	RGB 90 28 42	#5A1C2A
66.7%	66.7% #501621	RGB 80 22 33	#501621
83.3%	83.3% #461119	RGB 70 17 25	#461119
100.0%	100.0% #3C0D12	RGB 60 13 18	#3C0D12

#783349 #6E2A3E #642334 #5A1C2A #501621 #461119 #3C0D12

#78334A - #5A1C2A - #3C0D12

CSS codes

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

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