#5E1014 - #B06C9B | 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 #5E1014 to #B06C9B

#5E1014 #B06C9B

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

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

0.0%	0.0% #5E1014	RGB 94 16 20	#5E1014
16.7%	16.7% #6B1F2A	RGB 107 31 42	#6B1F2A
33.3%	33.3% #792E41	RGB 121 46 65	#792E41
50.0%	50.0% #873E57	RGB 135 62 87	#873E57
66.7%	66.7% #944D6E	RGB 148 77 110	#944D6E
83.3%	83.3% #A25C84	RGB 162 92 132	#A25C84
100.0%	100.0% #B06C9B	RGB 176 108 155	#B06C9B

#5E1014 #6B1F2A #792E41 #873E57 #944D6E #A25C84 #B06C9B

#5E1014 - #B06C9B

HSV Blend

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

0.0%	0.0% #5E0F13	RGB 94 15 19	#5E0F13
16.7%	16.7% #6B1A27	RGB 107 26 39	#6B1A27
33.3%	33.3% #79263C	RGB 121 38 60	#79263C
50.0%	50.0% #873453	RGB 135 52 83	#873453
66.7%	66.7% #94456B	RGB 148 69 107	#94456B
83.3%	83.3% #A25783	RGB 162 87 131	#A25783
100.0%	100.0% #B06C9B	RGB 176 108 155	#B06C9B

#5E0F13 #6B1A27 #79263C #873453 #94456B #A25783 #B06C9B

#5E1014 - #873453 - #B06C9B

CSS codes

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

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