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

#5E3348 #8C8184

Calculate the color between two colors, #5E3348 and #8C8184. 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 - #8C8184 | 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 #8C8184 as 100%.

0.0%	0.0% #5E3348	RGB 94 51 72	#5E3348
16.7%	16.7% #654052	RGB 101 64 82	#654052
33.3%	33.3% #6D4D5C	RGB 109 77 92	#6D4D5C
50.0%	50.0% #755A66	RGB 117 90 102	#755A66
66.7%	66.7% #7C6770	RGB 124 103 112	#7C6770
83.3%	83.3% #84747A	RGB 132 116 122	#84747A
100.0%	100.0% #8C8184	RGB 140 129 132	#8C8184

#5E3348 #654052 #6D4D5C #755A66 #7C6770 #84747A #8C8184

#5E3348 - #8C8184

HSV Blend

#5E3348 - #8C8184 | 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 #8C8184 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% #6D4958	RGB 109 73 88	#6D4958
50.0%	50.0% #755561	RGB 117 85 97	#755561
66.7%	66.7% #7C636B	RGB 124 99 107	#7C636B
83.3%	83.3% #847177	RGB 132 113 119	#847177
100.0%	100.0% #8C8184	RGB 140 129 132	#8C8184

#5E3347 #653D4F #6D4958 #755561 #7C636B #847177 #8C8184

#5E3348 - #755561 - #8C8184

CSS codes

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

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