#462D2D - #431202 | 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 #462D2D to #431202

#462D2D #431202

Calculate the color between two colors, #462D2D and #431202. 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)

#462D2D - #431202 | 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 #462D2D as 0% and #431202 as 100%.

0.0%	0.0% #462D2D	RGB 70 45 45	#462D2D
16.7%	16.7% #452825	RGB 69 40 37	#452825
33.3%	33.3% #45241E	RGB 69 36 30	#45241E
50.0%	50.0% #441F17	RGB 68 31 23	#441F17
66.7%	66.7% #441B10	RGB 68 27 16	#441B10
83.3%	83.3% #431609	RGB 67 22 9	#431609
100.0%	100.0% #431202	RGB 67 18 2	#431202

#462D2D #452825 #45241E #441F17 #441B10 #431609 #431202

#462D2D - #431202

HSV Blend

#462D2D - #431202 | 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 #462D2D as 0% and #431202 as 100%.

0.0%	0.0% #462D2D	RGB 70 45 45	#462D2D
16.7%	16.7% #452625	RGB 69 38 37	#452625
33.3%	33.3% #45211E	RGB 69 33 30	#45211E
50.0%	50.0% #441C17	RGB 68 28 23	#441C17
66.7%	66.7% #44180F	RGB 68 24 15	#44180F
83.3%	83.3% #431408	RGB 67 20 8	#431408
100.0%	100.0% #431202	RGB 67 18 2	#431202

#462D2D #452625 #45211E #441C17 #44180F #431408 #431202

#462D2D - #441C17 - #431202

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #462D2D 0%, #441C17 50%, #431202 100%);
    background: -webkit-linear-gradient(top, #462D2D 0%, #441C17 50%, #431202 100%);
    background: linear-gradient(to bottom, #462D2D 0%, #441C17 50%, #431202 100%);
}
</style>