#855F73 - #5E1849 | 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 #855F73 to #5E1849

#855F73 #5E1849

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

#855F73 - #5E1849 | 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 #855F73 as 0% and #5E1849 as 100%.

0.0%	0.0% #855F73	RGB 133 95 115	#855F73
16.7%	16.7% #7E536C	RGB 126 83 108	#7E536C
33.3%	33.3% #784765	RGB 120 71 101	#784765
50.0%	50.0% #713B5E	RGB 113 59 94	#713B5E
66.7%	66.7% #6B2F57	RGB 107 47 87	#6B2F57
83.3%	83.3% #642350	RGB 100 35 80	#642350
100.0%	100.0% #5E1849	RGB 94 24 73	#5E1849

#855F73 #7E536C #784765 #713B5E #6B2F57 #642350 #5E1849

#855F73 - #5E1849

HSV Blend

#855F73 - #5E1849 | 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 #855F73 as 0% and #5E1849 as 100%.

0.0%	0.0% #855F73	RGB 133 95 115	#855F73
16.7%	16.7% #7E506A	RGB 126 80 106	#7E506A
33.3%	33.3% #784362	RGB 120 67 98	#784362
50.0%	50.0% #71375A	RGB 113 55 90	#71375A
66.7%	66.7% #6B2B54	RGB 107 43 84	#6B2B54
83.3%	83.3% #64214E	RGB 100 33 78	#64214E
100.0%	100.0% #5E1849	RGB 94 24 73	#5E1849

#855F73 #7E506A #784362 #71375A #6B2B54 #64214E #5E1849

#855F73 - #71375A - #5E1849

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #855F73 0%, #71375A 50%, #5E1849 100%);
    background: -webkit-linear-gradient(top, #855F73 0%, #71375A 50%, #5E1849 100%);
    background: linear-gradient(to bottom, #855F73 0%, #71375A 50%, #5E1849 100%);
}
</style>