#5E2343 - #B9446B | 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 #5E2343 to #B9446B

#5E2343 #B9446B

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

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

0.0%	0.0% #5E2343	RGB 94 35 67	#5E2343
16.7%	16.7% #6D2849	RGB 109 40 73	#6D2849
33.3%	33.3% #7C2E50	RGB 124 46 80	#7C2E50
50.0%	50.0% #8B3357	RGB 139 51 87	#8B3357
66.7%	66.7% #9A395D	RGB 154 57 93	#9A395D
83.3%	83.3% #A93E64	RGB 169 62 100	#A93E64
100.0%	100.0% #B9446B	RGB 185 68 107	#B9446B

#5E2343 #6D2849 #7C2E50 #8B3357 #9A395D #A93E64 #B9446B

#5E2343 - #B9446B

HSV Blend

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

0.0%	0.0% #5E2343	RGB 94 35 67	#5E2343
16.7%	16.7% #6D284B	RGB 109 40 75	#6D284B
33.3%	33.3% #7C2E53	RGB 124 46 83	#7C2E53
50.0%	50.0% #8B335A	RGB 139 51 90	#8B335A
66.7%	66.7% #9A3960	RGB 154 57 96	#9A3960
83.3%	83.3% #A93E66	RGB 169 62 102	#A93E66
100.0%	100.0% #B9446B	RGB 185 68 107	#B9446B

#5E2343 #6D284B #7C2E53 #8B335A #9A3960 #A93E66 #B9446B

#5E2343 - #8B335A - #B9446B

CSS codes

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

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