#DF484D - #82111B | 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 #DF484D to #82111B

#DF484D #82111B

Calculate the color between two colors, #DF484D and #82111B. 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)

#DF484D - #82111B | 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 #DF484D as 0% and #82111B as 100%.

0.0%	0.0% #DF484D	RGB 223 72 77	#DF484D
16.7%	16.7% #CF3E44	RGB 207 62 68	#CF3E44
33.3%	33.3% #C0353C	RGB 192 53 60	#C0353C
50.0%	50.0% #B02C34	RGB 176 44 52	#B02C34
66.7%	66.7% #A1232B	RGB 161 35 43	#A1232B
83.3%	83.3% #911A23	RGB 145 26 35	#911A23
100.0%	100.0% #82111B	RGB 130 17 27	#82111B

#DF484D #CF3E44 #C0353C #B02C34 #A1232B #911A23 #82111B

#DF484D - #82111B

HSV Blend

#DF484D - #82111B | 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 #DF484D as 0% and #82111B as 100%.

0.0%	0.0% #DF484C	RGB 223 72 76	#DF484C
16.7%	16.7% #CF3C42	RGB 207 60 66	#CF3C42
33.3%	33.3% #C03139	RGB 192 49 57	#C03139
50.0%	50.0% #B02830	RGB 176 40 48	#B02830
66.7%	66.7% #A11F28	RGB 161 31 40	#A11F28
83.3%	83.3% #911721	RGB 145 23 33	#911721
100.0%	100.0% #82111B	RGB 130 17 27	#82111B

#DF484C #CF3C42 #C03139 #B02830 #A11F28 #911721 #82111B

#DF484D - #B02830 - #82111B

CSS codes

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

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