#4D1425 - #35040C | 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 #4D1425 to #35040C

#4D1425 #35040C

Calculate the color between two colors, #4D1425 and #35040C. 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)

#4D1425 - #35040C | 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 #4D1425 as 0% and #35040C as 100%.

0.0%	0.0% #4D1425	RGB 77 20 37	#4D1425
16.7%	16.7% #491120	RGB 73 17 32	#491120
33.3%	33.3% #450E1C	RGB 69 14 28	#450E1C
50.0%	50.0% #410C18	RGB 65 12 24	#410C18
66.7%	66.7% #3D0914	RGB 61 9 20	#3D0914
83.3%	83.3% #390610	RGB 57 6 16	#390610
100.0%	100.0% #35040C	RGB 53 4 12	#35040C

#4D1425 #491120 #450E1C #410C18 #3D0914 #390610 #35040C

#4D1425 - #35040C

HSV Blend

#4D1425 - #35040C | 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 #4D1425 as 0% and #35040C as 100%.

0.0%	0.0% #4D1324	RGB 77 19 36	#4D1324
16.7%	16.7% #491020	RGB 73 16 32	#491020
33.3%	33.3% #450D1B	RGB 69 13 27	#450D1B
50.0%	50.0% #410A17	RGB 65 10 23	#410A17
66.7%	66.7% #3D0813	RGB 61 8 19	#3D0813
83.3%	83.3% #39060F	RGB 57 6 15	#39060F
100.0%	100.0% #35040C	RGB 53 4 12	#35040C

#4D1324 #491020 #450D1B #410A17 #3D0813 #39060F #35040C

#4D1425 - #410A17 - #35040C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1324 0%, #410A17 50%, #35040C 100%);
    background: -webkit-linear-gradient(top, #4D1324 0%, #410A17 50%, #35040C 100%);
    background: linear-gradient(to bottom, #4D1324 0%, #410A17 50%, #35040C 100%);
}
</style>