#5E6B7A - #BEAD9B | 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 #5E6B7A to #BEAD9B

#5E6B7A #BEAD9B

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

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

0.0%	0.0% #5E6B7A	RGB 94 107 122	#5E6B7A
16.7%	16.7% #6E767F	RGB 110 118 127	#6E767F
33.3%	33.3% #7E8185	RGB 126 129 133	#7E8185
50.0%	50.0% #8E8C8A	RGB 142 140 138	#8E8C8A
66.7%	66.7% #9E9790	RGB 158 151 144	#9E9790
83.3%	83.3% #AEA295	RGB 174 162 149	#AEA295
100.0%	100.0% #BEAD9B	RGB 190 173 155	#BEAD9B

#5E6B7A #6E767F #7E8185 #8E8C8A #9E9790 #AEA295 #BEAD9B

#5E6B7A - #BEAD9B

HSV Blend

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

0.0%	0.0% #5E6B7A	RGB 94 107 122	#5E6B7A
16.7%	16.7% #686785	RGB 104 103 133	#686785
33.3%	33.3% #827190	RGB 130 113 144	#827190
50.0%	50.0% #9C7B9B	RGB 156 123 155	#9C7B9B
66.7%	66.7% #A78595	RGB 167 133 149	#A78595
83.3%	83.3% #B29190	RGB 178 145 144	#B29190
100.0%	100.0% #BEAD9B	RGB 190 173 155	#BEAD9B

#5E6B7A #686785 #827190 #9C7B9B #A78595 #B29190 #BEAD9B

#5E6B7A - #9C7B9B - #BEAD9B

CSS codes

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

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