#5E163E - #B85260 | 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 #5E163E to #B85260

#5E163E #B85260

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

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

0.0%	0.0% #5E163E	RGB 94 22 62	#5E163E
16.7%	16.7% #6D2043	RGB 109 32 67	#6D2043
33.3%	33.3% #7C2A49	RGB 124 42 73	#7C2A49
50.0%	50.0% #8B344F	RGB 139 52 79	#8B344F
66.7%	66.7% #9A3E54	RGB 154 62 84	#9A3E54
83.3%	83.3% #A9485A	RGB 169 72 90	#A9485A
100.0%	100.0% #B85260	RGB 184 82 96	#B85260

#5E163E #6D2043 #7C2A49 #8B344F #9A3E54 #A9485A #B85260

#5E163E - #B85260

HSV Blend

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

0.0%	0.0% #5E153E	RGB 94 21 62	#5E153E
16.7%	16.7% #6D1D44	RGB 109 29 68	#6D1D44
33.3%	33.3% #7C2549	RGB 124 37 73	#7C2549
50.0%	50.0% #8B2F4F	RGB 139 47 79	#8B2F4F
66.7%	66.7% #9A3954	RGB 154 57 84	#9A3954
83.3%	83.3% #A94559	RGB 169 69 89	#A94559
100.0%	100.0% #B85260	RGB 184 82 96	#B85260

#5E153E #6D1D44 #7C2549 #8B2F4F #9A3954 #A94559 #B85260

#5E163E - #8B2F4F - #B85260

CSS codes

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

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