#28040E - #5E2E3A | 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 #28040E to #5E2E3A

#28040E #5E2E3A

Calculate the color between two colors, #28040E and #5E2E3A. 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)

#28040E - #5E2E3A | 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 #28040E as 0% and #5E2E3A as 100%.

0.0%	0.0% #28040E	RGB 40 4 14	#28040E
16.7%	16.7% #310B15	RGB 49 11 21	#310B15
33.3%	33.3% #3A121C	RGB 58 18 28	#3A121C
50.0%	50.0% #431924	RGB 67 25 36	#431924
66.7%	66.7% #4C202B	RGB 76 32 43	#4C202B
83.3%	83.3% #552732	RGB 85 39 50	#552732
100.0%	100.0% #5E2E3A	RGB 94 46 58	#5E2E3A

#28040E #310B15 #3A121C #431924 #4C202B #552732 #5E2E3A

#28040E - #5E2E3A

HSV Blend

#28040E - #5E2E3A | 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 #28040E as 0% and #5E2E3A as 100%.

0.0%	0.0% #28040E	RGB 40 4 14	#28040E
16.7%	16.7% #310813	RGB 49 8 19	#310813
33.3%	33.3% #3A0D19	RGB 58 13 25	#3A0D19
50.0%	50.0% #431320	RGB 67 19 32	#431320
66.7%	66.7% #4C1B27	RGB 76 27 39	#4C1B27
83.3%	83.3% #552430	RGB 85 36 48	#552430
100.0%	100.0% #5E2E3A	RGB 94 46 58	#5E2E3A

#28040E #310813 #3A0D19 #431320 #4C1B27 #552430 #5E2E3A

#28040E - #431320 - #5E2E3A

CSS codes

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

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