#5E221F - #CD3C45 | 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 #5E221F to #CD3C45

#5E221F #CD3C45

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

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

0.0%	0.0% #5E221F	RGB 94 34 31	#5E221F
16.7%	16.7% #702625	RGB 112 38 37	#702625
33.3%	33.3% #832A2B	RGB 131 42 43	#832A2B
50.0%	50.0% #952F32	RGB 149 47 50	#952F32
66.7%	66.7% #A83338	RGB 168 51 56	#A83338
83.3%	83.3% #BA373E	RGB 186 55 62	#BA373E
100.0%	100.0% #CD3C45	RGB 205 60 69	#CD3C45

#5E221F #702625 #832A2B #952F32 #A83338 #BA373E #CD3C45

#5E221F - #CD3C45

HSV Blend

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

0.0%	0.0% #5E221F	RGB 94 34 31	#5E221F
16.7%	16.7% #702624	RGB 112 38 36	#702624
33.3%	33.3% #832A29	RGB 131 42 41	#832A29
50.0%	50.0% #952E2F	RGB 149 46 47	#952E2F
66.7%	66.7% #A83336	RGB 168 51 54	#A83336
83.3%	83.3% #BA373D	RGB 186 55 61	#BA373D
100.0%	100.0% #CD3C45	RGB 205 60 69	#CD3C45

#5E221F #702624 #832A29 #952E2F #A83336 #BA373D #CD3C45

#5E221F - #952E2F - #CD3C45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
    background: -webkit-linear-gradient(top, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
    background: linear-gradient(to bottom, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
}
</style>