#5E5558 - #BF7EB3 | 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 #5E5558 to #BF7EB3

#5E5558 #BF7EB3

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

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

0.0%	0.0% #5E5558	RGB 94 85 88	#5E5558
16.7%	16.7% #6E5B67	RGB 110 91 103	#6E5B67
33.3%	33.3% #7E6276	RGB 126 98 118	#7E6276
50.0%	50.0% #8E6985	RGB 142 105 133	#8E6985
66.7%	66.7% #9E7094	RGB 158 112 148	#9E7094
83.3%	83.3% #AE77A3	RGB 174 119 163	#AE77A3
100.0%	100.0% #BF7EB3	RGB 191 126 179	#BF7EB3

#5E5558 #6E5B67 #7E6276 #8E6985 #9E7094 #AE77A3 #BF7EB3

#5E5558 - #BF7EB3

HSV Blend

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

0.0%	0.0% #5E5558	RGB 94 85 88	#5E5558
16.7%	16.7% #6E5F65	RGB 110 95 101	#6E5F65
33.3%	33.3% #7E6773	RGB 126 103 115	#7E6773
50.0%	50.0% #8E6F81	RGB 142 111 129	#8E6F81
66.7%	66.7% #9E7590	RGB 158 117 144	#9E7590
83.3%	83.3% #AE7AA0	RGB 174 122 160	#AE7AA0
100.0%	100.0% #BF7EB3	RGB 191 126 179	#BF7EB3

#5E5558 #6E5F65 #7E6773 #8E6F81 #9E7590 #AE7AA0 #BF7EB3

#5E5558 - #8E6F81 - #BF7EB3

CSS codes

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

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