#5E3348 - #8C8183 | 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 #5E3348 to #8C8183

#5E3348 #8C8183

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

#5E3348 - #8C8183 | 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 #5E3348 as 0% and #8C8183 as 100%.

0.0%	0.0% #5E3348	RGB 94 51 72	#5E3348
16.7%	16.7% #654051	RGB 101 64 81	#654051
33.3%	33.3% #6D4D5B	RGB 109 77 91	#6D4D5B
50.0%	50.0% #755A65	RGB 117 90 101	#755A65
66.7%	66.7% #7C676F	RGB 124 103 111	#7C676F
83.3%	83.3% #847479	RGB 132 116 121	#847479
100.0%	100.0% #8C8183	RGB 140 129 131	#8C8183

#5E3348 #654051 #6D4D5B #755A65 #7C676F #847479 #8C8183

#5E3348 - #8C8183

HSV Blend

#5E3348 - #8C8183 | 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 #5E3348 as 0% and #8C8183 as 100%.

0.0%	0.0% #5E3347	RGB 94 51 71	#5E3347
16.7%	16.7% #653D4F	RGB 101 61 79	#653D4F
33.3%	33.3% #6D4957	RGB 109 73 87	#6D4957
50.0%	50.0% #755560	RGB 117 85 96	#755560
66.7%	66.7% #7C636A	RGB 124 99 106	#7C636A
83.3%	83.3% #847175	RGB 132 113 117	#847175
100.0%	100.0% #8C8183	RGB 140 129 131	#8C8183

#5E3347 #653D4F #6D4957 #755560 #7C636A #847175 #8C8183

#5E3348 - #755560 - #8C8183

CSS codes

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

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