#781E5E - #400017 | 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 #781E5E to #400017

#781E5E #400017

Calculate the color between two colors, #781E5E and #400017. 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)

#781E5E - #400017 | 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 #781E5E as 0% and #400017 as 100%.

0.0%	0.0% #781E5E	RGB 120 30 94	#781E5E
16.7%	16.7% #6E1952	RGB 110 25 82	#6E1952
33.3%	33.3% #651446	RGB 101 20 70	#651446
50.0%	50.0% #5C0F3A	RGB 92 15 58	#5C0F3A
66.7%	66.7% #520A2E	RGB 82 10 46	#520A2E
83.3%	83.3% #490522	RGB 73 5 34	#490522
100.0%	100.0% #400017	RGB 64 0 23	#400017

#781E5E #6E1952 #651446 #5C0F3A #520A2E #490522 #400017

#781E5E - #400017

HSV Blend

#781E5E - #400017 | 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 #781E5E as 0% and #400017 as 100%.

0.0%	0.0% #781E5E	RGB 120 30 94	#781E5E
16.7%	16.7% #6E1750	RGB 110 23 80	#6E1750
33.3%	33.3% #651043	RGB 101 16 67	#651043
50.0%	50.0% #5C0B36	RGB 92 11 54	#5C0B36
66.7%	66.7% #52062B	RGB 82 6 43	#52062B
83.3%	83.3% #490320	RGB 73 3 32	#490320
100.0%	100.0% #400017	RGB 64 0 23	#400017

#781E5E #6E1750 #651043 #5C0B36 #52062B #490320 #400017

#781E5E - #5C0B36 - #400017

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #781E5E 0%, #5C0B36 50%, #400017 100%);
    background: -webkit-linear-gradient(top, #781E5E 0%, #5C0B36 50%, #400017 100%);
    background: linear-gradient(to bottom, #781E5E 0%, #5C0B36 50%, #400017 100%);
}
</style>