#390112 - #722334 | 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 #390112 to #722334

#390112 #722334

Calculate the color between two colors, #390112 and #722334. 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)

#390112 - #722334 | 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 #390112 as 0% and #722334 as 100%.

0.0%	0.0% #390112	RGB 57 1 18	#390112
16.7%	16.7% #420617	RGB 66 6 23	#420617
33.3%	33.3% #4C0C1D	RGB 76 12 29	#4C0C1D
50.0%	50.0% #551223	RGB 85 18 35	#551223
66.7%	66.7% #5F1728	RGB 95 23 40	#5F1728
83.3%	83.3% #681D2E	RGB 104 29 46	#681D2E
100.0%	100.0% #722334	RGB 114 35 52	#722334

#390112 #420617 #4C0C1D #551223 #5F1728 #681D2E #722334

#390112 - #722334

HSV Blend

#390112 - #722334 | 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 #390112 as 0% and #722334 as 100%.

0.0%	0.0% #390011	RGB 57 0 17	#390011
16.7%	16.7% #420416	RGB 66 4 22	#420416
33.3%	33.3% #4C081B	RGB 76 8 27	#4C081B
50.0%	50.0% #550D20	RGB 85 13 32	#550D20
66.7%	66.7% #5F1426	RGB 95 20 38	#5F1426
83.3%	83.3% #681B2C	RGB 104 27 44	#681B2C
100.0%	100.0% #722334	RGB 114 35 52	#722334

#390011 #420416 #4C081B #550D20 #5F1426 #681B2C #722334

#390112 - #550D20 - #722334

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390011 0%, #550D20 50%, #722334 100%);
    background: -webkit-linear-gradient(top, #390011 0%, #550D20 50%, #722334 100%);
    background: linear-gradient(to bottom, #390011 0%, #550D20 50%, #722334 100%);
}
</style>