#845873 - #5E144C | 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 #845873 to #5E144C

#845873 #5E144C

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

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

0.0%	0.0% #845873	RGB 132 88 115	#845873
16.7%	16.7% #7D4C6C	RGB 125 76 108	#7D4C6C
33.3%	33.3% #774166	RGB 119 65 102	#774166
50.0%	50.0% #71365F	RGB 113 54 95	#71365F
66.7%	66.7% #6A2A59	RGB 106 42 89	#6A2A59
83.3%	83.3% #641F52	RGB 100 31 82	#641F52
100.0%	100.0% #5E144C	RGB 94 20 76	#5E144C

#845873 #7D4C6C #774166 #71365F #6A2A59 #641F52 #5E144C

#845873 - #5E144C

HSV Blend

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

0.0%	0.0% #845873	RGB 132 88 115	#845873
16.7%	16.7% #7D4A6B	RGB 125 74 107	#7D4A6B
33.3%	33.3% #773D63	RGB 119 61 99	#773D63
50.0%	50.0% #71315D	RGB 113 49 93	#71315D
66.7%	66.7% #6A2656	RGB 106 38 86	#6A2656
83.3%	83.3% #641C51	RGB 100 28 81	#641C51
100.0%	100.0% #5E144C	RGB 94 20 76	#5E144C

#845873 #7D4A6B #773D63 #71315D #6A2656 #641C51 #5E144C

#845873 - #71315D - #5E144C

CSS codes

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

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