#802A30 - #240C0D | 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 #802A30 to #240C0D

#802A30 #240C0D

Calculate the color between two colors, #802A30 and #240C0D. 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)

#802A30 - #240C0D | 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 #802A30 as 0% and #240C0D as 100%.

0.0%	0.0% #802A30	RGB 128 42 48	#802A30
16.7%	16.7% #70252A	RGB 112 37 42	#70252A
33.3%	33.3% #612024	RGB 97 32 36	#612024
50.0%	50.0% #521B1E	RGB 82 27 30	#521B1E
66.7%	66.7% #421618	RGB 66 22 24	#421618
83.3%	83.3% #331112	RGB 51 17 18	#331112
100.0%	100.0% #240C0D	RGB 36 12 13	#240C0D

#802A30 #70252A #612024 #521B1E #421618 #331112 #240C0D

#802A30 - #240C0D

HSV Blend

#802A30 - #240C0D | 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 #802A30 as 0% and #240C0D as 100%.

0.0%	0.0% #802A30	RGB 128 42 48	#802A30
16.7%	16.7% #702529	RGB 112 37 41	#702529
33.3%	33.3% #612024	RGB 97 32 36	#612024
50.0%	50.0% #521B1E	RGB 82 27 30	#521B1E
66.7%	66.7% #421618	RGB 66 22 24	#421618
83.3%	83.3% #331112	RGB 51 17 18	#331112
100.0%	100.0% #240C0D	RGB 36 12 13	#240C0D

#802A30 #702529 #612024 #521B1E #421618 #331112 #240C0D

#802A30 - #521B1E - #240C0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #802A30 0%, #521B1E 50%, #240C0D 100%);
    background: -webkit-linear-gradient(top, #802A30 0%, #521B1E 50%, #240C0D 100%);
    background: linear-gradient(to bottom, #802A30 0%, #521B1E 50%, #240C0D 100%);
}
</style>