#5E2931 - #C0654A | 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 #5E2931 to #C0654A

#5E2931 #C0654A

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

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

0.0%	0.0% #5E2931	RGB 94 41 49	#5E2931
16.7%	16.7% #6E3335	RGB 110 51 53	#6E3335
33.3%	33.3% #7E3D39	RGB 126 61 57	#7E3D39
50.0%	50.0% #8F473D	RGB 143 71 61	#8F473D
66.7%	66.7% #9F5141	RGB 159 81 65	#9F5141
83.3%	83.3% #AF5B45	RGB 175 91 69	#AF5B45
100.0%	100.0% #C0654A	RGB 192 101 74	#C0654A

#5E2931 #6E3335 #7E3D39 #8F473D #9F5141 #AF5B45 #C0654A

#5E2931 - #C0654A

HSV Blend

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

0.0%	0.0% #5E2930	RGB 94 41 48	#5E2930
16.7%	16.7% #6E2F34	RGB 110 47 52	#6E2F34
33.3%	33.3% #7E3536	RGB 126 53 54	#7E3536
50.0%	50.0% #8F3E3A	RGB 143 62 58	#8F3E3A
66.7%	66.7% #9F4940	RGB 159 73 64	#9F4940
83.3%	83.3% #AF5645	RGB 175 86 69	#AF5645
100.0%	100.0% #C0654A	RGB 192 101 74	#C0654A

#5E2930 #6E2F34 #7E3536 #8F3E3A #9F4940 #AF5645 #C0654A

#5E2931 - #8F3E3A - #C0654A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2930 0%, #8F3E3A 50%, #C0654A 100%);
    background: -webkit-linear-gradient(top, #5E2930 0%, #8F3E3A 50%, #C0654A 100%);
    background: linear-gradient(to bottom, #5E2930 0%, #8F3E3A 50%, #C0654A 100%);
}
</style>