#5E6A64 - #B486B5 | 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 #5E6A64 to #B486B5

#5E6A64 #B486B5

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

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

0.0%	0.0% #5E6A64	RGB 94 106 100	#5E6A64
16.7%	16.7% #6C6E71	RGB 108 110 113	#6C6E71
33.3%	33.3% #7A737F	RGB 122 115 127	#7A737F
50.0%	50.0% #89788C	RGB 137 120 140	#89788C
66.7%	66.7% #977C9A	RGB 151 124 154	#977C9A
83.3%	83.3% #A581A7	RGB 165 129 167	#A581A7
100.0%	100.0% #B486B5	RGB 180 134 181	#B486B5

#5E6A64 #6C6E71 #7A737F #89788C #977C9A #A581A7 #B486B5

#5E6A64 - #B486B5

HSV Blend

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

0.0%	0.0% #5E6A64	RGB 94 106 100	#5E6A64
16.7%	16.7% #667675	RGB 102 118 117	#667675
33.3%	33.3% #6D7C83	RGB 109 124 131	#6D7C83
50.0%	50.0% #747B8F	RGB 116 123 143	#747B8F
66.7%	66.7% #807B9C	RGB 128 123 156	#807B9C
83.3%	83.3% #9780A8	RGB 151 128 168	#9780A8
100.0%	100.0% #B486B5	RGB 180 134 181	#B486B5

#5E6A64 #667675 #6D7C83 #747B8F #807B9C #9780A8 #B486B5

#5E6A64 - #747B8F - #B486B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A64 0%, #747B8F 50%, #B486B5 100%);
    background: -webkit-linear-gradient(top, #5E6A64 0%, #747B8F 50%, #B486B5 100%);
    background: linear-gradient(to bottom, #5E6A64 0%, #747B8F 50%, #B486B5 100%);
}
</style>