#5E1931 - #B8514C | 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 #5E1931 to #B8514C

#5E1931 #B8514C

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

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

0.0%	0.0% #5E1931	RGB 94 25 49	#5E1931
16.7%	16.7% #6D2235	RGB 109 34 53	#6D2235
33.3%	33.3% #7C2B3A	RGB 124 43 58	#7C2B3A
50.0%	50.0% #8B353E	RGB 139 53 62	#8B353E
66.7%	66.7% #9A3E43	RGB 154 62 67	#9A3E43
83.3%	83.3% #A94747	RGB 169 71 71	#A94747
100.0%	100.0% #B8514C	RGB 184 81 76	#B8514C

#5E1931 #6D2235 #7C2B3A #8B353E #9A3E43 #A94747 #B8514C

#5E1931 - #B8514C

HSV Blend

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

0.0%	0.0% #5E1930	RGB 94 25 48	#5E1930
16.7%	16.7% #6D1F35	RGB 109 31 53	#6D1F35
33.3%	33.3% #7C2739	RGB 124 39 57	#7C2739
50.0%	50.0% #8B2F3D	RGB 139 47 61	#8B2F3D
66.7%	66.7% #9A3840	RGB 154 56 64	#9A3840
83.3%	83.3% #A94143	RGB 169 65 67	#A94143
100.0%	100.0% #B8514C	RGB 184 81 76	#B8514C

#5E1930 #6D1F35 #7C2739 #8B2F3D #9A3840 #A94143 #B8514C

#5E1931 - #8B2F3D - #B8514C

CSS codes

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

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