#802A30 - #DB663D | 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 #DB663D

#802A30 #DB663D

Calculate the color between two colors, #802A30 and #DB663D. 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 - #DB663D | 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 #DB663D as 100%.

0.0%	0.0% #802A30	RGB 128 42 48	#802A30
16.7%	16.7% #8F3432	RGB 143 52 50	#8F3432
33.3%	33.3% #9E3E34	RGB 158 62 52	#9E3E34
50.0%	50.0% #AD4836	RGB 173 72 54	#AD4836
66.7%	66.7% #BC5238	RGB 188 82 56	#BC5238
83.3%	83.3% #CB5C3A	RGB 203 92 58	#CB5C3A
100.0%	100.0% #DB663D	RGB 219 102 61	#DB663D

#802A30 #8F3432 #9E3E34 #AD4836 #BC5238 #CB5C3A #DB663D

#802A30 - #DB663D

HSV Blend

#802A30 - #DB663D | 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 #DB663D as 100%.

0.0%	0.0% #802A30	RGB 128 42 48	#802A30
16.7%	16.7% #8F2D2F	RGB 143 45 47	#8F2D2F
33.3%	33.3% #9E3531	RGB 158 53 49	#9E3531
50.0%	50.0% #AD4034	RGB 173 64 52	#AD4034
66.7%	66.7% #BC4B37	RGB 188 75 55	#BC4B37
83.3%	83.3% #CB583A	RGB 203 88 58	#CB583A
100.0%	100.0% #DB663D	RGB 219 102 61	#DB663D

#802A30 #8F2D2F #9E3531 #AD4034 #BC4B37 #CB583A #DB663D

#802A30 - #AD4034 - #DB663D

CSS codes

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

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