#5E595C - #B878D5 | 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 #5E595C to #B878D5

#5E595C #B878D5

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

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

0.0%	0.0% #5E595C	RGB 94 89 92	#5E595C
16.7%	16.7% #6D5E70	RGB 109 94 112	#6D5E70
33.3%	33.3% #7C6384	RGB 124 99 132	#7C6384
50.0%	50.0% #8B6898	RGB 139 104 152	#8B6898
66.7%	66.7% #9A6DAC	RGB 154 109 172	#9A6DAC
83.3%	83.3% #A972C0	RGB 169 114 192	#A972C0
100.0%	100.0% #B878D5	RGB 184 120 213	#B878D5

#5E595C #6D5E70 #7C6384 #8B6898 #9A6DAC #A972C0 #B878D5

#5E595C - #B878D5

HSV Blend

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

0.0%	0.0% #5E595C	RGB 94 89 92	#5E595C
16.7%	16.7% #71646E	RGB 113 100 110	#71646E
33.3%	33.3% #856D81	RGB 133 109 129	#856D81
50.0%	50.0% #997397	RGB 153 115 151	#997397
66.7%	66.7% #A977AD	RGB 169 119 173	#A977AD
83.3%	83.3% #B379C1	RGB 179 121 193	#B379C1
100.0%	100.0% #B878D5	RGB 184 120 213	#B878D5

#5E595C #71646E #856D81 #997397 #A977AD #B379C1 #B878D5

#5E595C - #997397 - #B878D5

CSS codes

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

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