#5E402D - #DC4B4B | 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 #5E402D to #DC4B4B

#5E402D #DC4B4B

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

#5E402D - #DC4B4B | 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 #5E402D as 0% and #DC4B4B as 100%.

0.0%	0.0% #5E402D	RGB 94 64 45	#5E402D
16.7%	16.7% #734132	RGB 115 65 50	#734132
33.3%	33.3% #884337	RGB 136 67 55	#884337
50.0%	50.0% #9D453C	RGB 157 69 60	#9D453C
66.7%	66.7% #B24741	RGB 178 71 65	#B24741
83.3%	83.3% #C74946	RGB 199 73 70	#C74946
100.0%	100.0% #DC4B4B	RGB 220 75 75	#DC4B4B

#5E402D #734132 #884337 #9D453C #B24741 #C74946 #DC4B4B

#5E402D - #DC4B4B

HSV Blend

#5E402D - #DC4B4B | 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 #5E402D as 0% and #DC4B4B as 100%.

0.0%	0.0% #5E402D	RGB 94 64 45	#5E402D
16.7%	16.7% #734834	RGB 115 72 52	#734834
33.3%	33.3% #884E3A	RGB 136 78 58	#884E3A
50.0%	50.0% #9D5240	RGB 157 82 64	#9D5240
66.7%	66.7% #B25244	RGB 178 82 68	#B25244
83.3%	83.3% #C75048	RGB 199 80 72	#C75048
100.0%	100.0% #DC4B4B	RGB 220 75 75	#DC4B4B

#5E402D #734834 #884E3A #9D5240 #B25244 #C75048 #DC4B4B

#5E402D - #9D5240 - #DC4B4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E402D 0%, #9D5240 50%, #DC4B4B 100%);
    background: -webkit-linear-gradient(top, #5E402D 0%, #9D5240 50%, #DC4B4B 100%);
    background: linear-gradient(to bottom, #5E402D 0%, #9D5240 50%, #DC4B4B 100%);
}
</style>