#5E6773 - #BDA994 | 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 #5E6773 to #BDA994

#5E6773 #BDA994

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

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

0.0%	0.0% #5E6773	RGB 94 103 115	#5E6773
16.7%	16.7% #6D7278	RGB 109 114 120	#6D7278
33.3%	33.3% #7D7D7E	RGB 125 125 126	#7D7D7E
50.0%	50.0% #8D8883	RGB 141 136 131	#8D8883
66.7%	66.7% #9D9389	RGB 157 147 137	#9D9389
83.3%	83.3% #AD9E8E	RGB 173 158 142	#AD9E8E
100.0%	100.0% #BDA994	RGB 189 169 148	#BDA994

#5E6773 #6D7278 #7D7D7E #8D8883 #9D9389 #AD9E8E #BDA994

#5E6773 - #BDA994

HSV Blend

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

0.0%	0.0% #5E6773	RGB 94 103 115	#5E6773
16.7%	16.7% #68677F	RGB 104 103 127	#68677F
33.3%	33.3% #7F708B	RGB 127 112 139	#7F708B
50.0%	50.0% #987996	RGB 152 121 150	#987996
66.7%	66.7% #A48292	RGB 164 130 146	#A48292
83.3%	83.3% #B08C8B	RGB 176 140 139	#B08C8B
100.0%	100.0% #BDA994	RGB 189 169 148	#BDA994

#5E6773 #68677F #7F708B #987996 #A48292 #B08C8B #BDA994

#5E6773 - #987996 - #BDA994

CSS codes

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

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