#5E6774 - #BCA995 | 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 #5E6774 to #BCA995

#5E6774 #BCA995

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

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

0.0%	0.0% #5E6774	RGB 94 103 116	#5E6774
16.7%	16.7% #6D7279	RGB 109 114 121	#6D7279
33.3%	33.3% #7D7D7F	RGB 125 125 127	#7D7D7F
50.0%	50.0% #8D8884	RGB 141 136 132	#8D8884
66.7%	66.7% #9C938A	RGB 156 147 138	#9C938A
83.3%	83.3% #AC9E8F	RGB 172 158 143	#AC9E8F
100.0%	100.0% #BCA995	RGB 188 169 149	#BCA995

#5E6774 #6D7279 #7D7D7F #8D8884 #9C938A #AC9E8F #BCA995

#5E6774 - #BCA995

HSV Blend

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

0.0%	0.0% #5E6774	RGB 94 103 116	#5E6774
16.7%	16.7% #696780	RGB 105 103 128	#696780
33.3%	33.3% #80708C	RGB 128 112 140	#80708C
50.0%	50.0% #987996	RGB 152 121 150	#987996
66.7%	66.7% #A48292	RGB 164 130 146	#A48292
83.3%	83.3% #B08C8C	RGB 176 140 140	#B08C8C
100.0%	100.0% #BCA995	RGB 188 169 149	#BCA995

#5E6774 #696780 #80708C #987996 #A48292 #B08C8C #BCA995

#5E6774 - #987996 - #BCA995

CSS codes

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

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