#5E647F - #BFB9A0 | 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 #5E647F to #BFB9A0

#5E647F #BFB9A0

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

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

0.0%	0.0% #5E647F	RGB 94 100 127	#5E647F
16.7%	16.7% #6E7284	RGB 110 114 132	#6E7284
33.3%	33.3% #7E808A	RGB 126 128 138	#7E808A
50.0%	50.0% #8E8E8F	RGB 142 142 143	#8E8E8F
66.7%	66.7% #9E9C95	RGB 158 156 149	#9E9C95
83.3%	83.3% #AEAA9A	RGB 174 170 154	#AEAA9A
100.0%	100.0% #BFB9A0	RGB 191 185 160	#BFB9A0

#5E647F #6E7284 #7E808A #8E8E8F #9E9C95 #AEAA9A #BFB9A0

#5E647F - #BFB9A0

HSV Blend

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

0.0%	0.0% #5E647F	RGB 94 100 127	#5E647F
16.7%	16.7% #726889	RGB 114 104 137	#726889
33.3%	33.3% #8E7294	RGB 142 114 148	#8E7294
50.0%	50.0% #9F7D94	RGB 159 125 148	#9F7D94
66.7%	66.7% #A9888E	RGB 169 136 142	#A9888E
83.3%	83.3% #B49E94	RGB 180 158 148	#B49E94
100.0%	100.0% #BFB9A0	RGB 191 185 160	#BFB9A0

#5E647F #726889 #8E7294 #9F7D94 #A9888E #B49E94 #BFB9A0

#5E647F - #9F7D94 - #BFB9A0

CSS codes

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

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