#762121 - #461006 | 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 #762121 to #461006

#762121 #461006

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

#762121 - #461006 | 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 #762121 as 0% and #461006 as 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #6E1E1C	RGB 110 30 28	#6E1E1C
33.3%	33.3% #661B18	RGB 102 27 24	#661B18
50.0%	50.0% #5E1813	RGB 94 24 19	#5E1813
66.7%	66.7% #56150F	RGB 86 21 15	#56150F
83.3%	83.3% #4E120A	RGB 78 18 10	#4E120A
100.0%	100.0% #461006	RGB 70 16 6	#461006

#762121 #6E1E1C #661B18 #5E1813 #56150F #4E120A #461006

#762121 - #461006

HSV Blend

#762121 - #461006 | 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 #762121 as 0% and #461006 as 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #6E1D1B	RGB 110 29 27	#6E1D1B
33.3%	33.3% #661A15	RGB 102 26 21	#661A15
50.0%	50.0% #5E1711	RGB 94 23 17	#5E1711
66.7%	66.7% #56140C	RGB 86 20 12	#56140C
83.3%	83.3% #4E1209	RGB 78 18 9	#4E1209
100.0%	100.0% #461006	RGB 70 16 6	#461006

#762121 #6E1D1B #661A15 #5E1711 #56140C #4E1209 #461006

#762121 - #5E1711 - #461006

CSS codes

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

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