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

#771E5E #400017

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

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

0.0%	0.0% #771E5E	RGB 119 30 94	#771E5E
16.7%	16.7% #6D1952	RGB 109 25 82	#6D1952
33.3%	33.3% #641446	RGB 100 20 70	#641446
50.0%	50.0% #5B0F3A	RGB 91 15 58	#5B0F3A
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

#771E5E #6D1952 #641446 #5B0F3A #520A2E #490522 #400017

#771E5E - #400017

HSV Blend

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

0.0%	0.0% #771E5D	RGB 119 30 93	#771E5D
16.7%	16.7% #6D1750	RGB 109 23 80	#6D1750
33.3%	33.3% #641043	RGB 100 16 67	#641043
50.0%	50.0% #5B0B36	RGB 91 11 54	#5B0B36
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

#771E5D #6D1750 #641043 #5B0B36 #52062B #490320 #400017

#771E5E - #5B0B36 - #400017

CSS codes

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

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