#5E230E - #B06C87 | 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 #5E230E to #B06C87

#5E230E #B06C87

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

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

0.0%	0.0% #5E230E	RGB 94 35 14	#5E230E
16.7%	16.7% #6B2F22	RGB 107 47 34	#6B2F22
33.3%	33.3% #793B36	RGB 121 59 54	#793B36
50.0%	50.0% #87474A	RGB 135 71 74	#87474A
66.7%	66.7% #94535E	RGB 148 83 94	#94535E
83.3%	83.3% #A25F72	RGB 162 95 114	#A25F72
100.0%	100.0% #B06C87	RGB 176 108 135	#B06C87

#5E230E #6B2F22 #793B36 #87474A #94535E #A25F72 #B06C87

#5E230E - #B06C87

HSV Blend

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

0.0%	0.0% #5E220D	RGB 94 34 13	#5E220D
16.7%	16.7% #6B2518	RGB 107 37 24	#6B2518
33.3%	33.3% #792824	RGB 121 40 36	#792824
50.0%	50.0% #873339	RGB 135 51 57	#873339
66.7%	66.7% #944452	RGB 148 68 82	#944452
83.3%	83.3% #A2576C	RGB 162 87 108	#A2576C
100.0%	100.0% #B06C87	RGB 176 108 135	#B06C87

#5E220D #6B2518 #792824 #873339 #944452 #A2576C #B06C87

#5E230E - #873339 - #B06C87

CSS codes

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

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