#472727 - #401002 | 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 #472727 to #401002

#472727 #401002

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

#472727 - #401002 | 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 #472727 as 0% and #401002 as 100%.

0.0%	0.0% #472727	RGB 71 39 39	#472727
16.7%	16.7% #452320	RGB 69 35 32	#452320
33.3%	33.3% #441F1A	RGB 68 31 26	#441F1A
50.0%	50.0% #431B14	RGB 67 27 20	#431B14
66.7%	66.7% #42170E	RGB 66 23 14	#42170E
83.3%	83.3% #411308	RGB 65 19 8	#411308
100.0%	100.0% #401002	RGB 64 16 2	#401002

#472727 #452320 #441F1A #431B14 #42170E #411308 #401002

#472727 - #401002

HSV Blend

#472727 - #401002 | 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 #472727 as 0% and #401002 as 100%.

0.0%	0.0% #472727	RGB 71 39 39	#472727
16.7%	16.7% #452120	RGB 69 33 32	#452120
33.3%	33.3% #441D19	RGB 68 29 25	#441D19
50.0%	50.0% #431913	RGB 67 25 19	#431913
66.7%	66.7% #42150D	RGB 66 21 13	#42150D
83.3%	83.3% #411207	RGB 65 18 7	#411207
100.0%	100.0% #401002	RGB 64 16 2	#401002

#472727 #452120 #441D19 #431913 #42150D #411207 #401002

#472727 - #431913 - #401002

CSS codes

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

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