#5E6C66 - #BE8FA0 | 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 #5E6C66 to #BE8FA0

#5E6C66 #BE8FA0

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

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

0.0%	0.0% #5E6C66	RGB 94 108 102	#5E6C66
16.7%	16.7% #6E716F	RGB 110 113 111	#6E716F
33.3%	33.3% #7E7779	RGB 126 119 121	#7E7779
50.0%	50.0% #8E7D83	RGB 142 125 131	#8E7D83
66.7%	66.7% #9E838C	RGB 158 131 140	#9E838C
83.3%	83.3% #AE8996	RGB 174 137 150	#AE8996
100.0%	100.0% #BE8FA0	RGB 190 143 160	#BE8FA0

#5E6C66 #6E716F #7E7779 #8E7D83 #9E838C #AE8996 #BE8FA0

#5E6C66 - #BE8FA0

HSV Blend

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

0.0%	0.0% #5E6C66	RGB 94 108 102	#5E6C66
16.7%	16.7% #677969	RGB 103 121 105	#677969
33.3%	33.3% #798770	RGB 121 135 112	#798770
50.0%	50.0% #929578	RGB 146 149 120	#929578
66.7%	66.7% #A29580	RGB 162 149 128	#A29580
83.3%	83.3% #B08D88	RGB 176 141 136	#B08D88
100.0%	100.0% #BE8FA0	RGB 190 143 160	#BE8FA0

#5E6C66 #677969 #798770 #929578 #A29580 #B08D88 #BE8FA0

#5E6C66 - #929578 - #BE8FA0

CSS codes

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

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