#391010 - #814338 | 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 #391010 to #814338

#391010 #814338

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

#391010 - #814338 | 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 #391010 as 0% and #814338 as 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #451816	RGB 69 24 22	#451816
33.3%	33.3% #51211D	RGB 81 33 29	#51211D
50.0%	50.0% #5D2924	RGB 93 41 36	#5D2924
66.7%	66.7% #69322A	RGB 105 50 42	#69322A
83.3%	83.3% #753A31	RGB 117 58 49	#753A31
100.0%	100.0% #814338	RGB 129 67 56	#814338

#391010 #451816 #51211D #5D2924 #69322A #753A31 #814338

#391010 - #814338

HSV Blend

#391010 - #814338 | 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 #391010 as 0% and #814338 as 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #451615	RGB 69 22 21	#451615
33.3%	33.3% #511D1A	RGB 81 29 26	#511D1A
50.0%	50.0% #5D2521	RGB 93 37 33	#5D2521
66.7%	66.7% #692E28	RGB 105 46 40	#692E28
83.3%	83.3% #75382F	RGB 117 56 47	#75382F
100.0%	100.0% #814338	RGB 129 67 56	#814338

#391010 #451615 #511D1A #5D2521 #692E28 #75382F #814338

#391010 - #5D2521 - #814338

CSS codes

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

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