#5E707E - #B9A09D | 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 #5E707E to #B9A09D

#5E707E #B9A09D

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

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

0.0%	0.0% #5E707E	RGB 94 112 126	#5E707E
16.7%	16.7% #6D7883	RGB 109 120 131	#6D7883
33.3%	33.3% #7C8088	RGB 124 128 136	#7C8088
50.0%	50.0% #8B888D	RGB 139 136 141	#8B888D
66.7%	66.7% #9A9092	RGB 154 144 146	#9A9092
83.3%	83.3% #A99897	RGB 169 152 151	#A99897
100.0%	100.0% #B9A09D	RGB 185 160 157	#B9A09D

#5E707E #6D7883 #7C8088 #8B888D #9A9092 #A99897 #B9A09D

#5E707E - #B9A09D

HSV Blend

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

0.0%	0.0% #5E707E	RGB 94 112 126	#5E707E
16.7%	16.7% #676B87	RGB 103 107 135	#676B87
33.3%	33.3% #7C7191	RGB 124 113 145	#7C7191
50.0%	50.0% #947B9B	RGB 148 123 155	#947B9B
66.7%	66.7% #A5869E	RGB 165 134 158	#A5869E
83.3%	83.3% #AF919B	RGB 175 145 155	#AF919B
100.0%	100.0% #B9A09D	RGB 185 160 157	#B9A09D

#5E707E #676B87 #7C7191 #947B9B #A5869E #AF919B #B9A09D

#5E707E - #947B9B - #B9A09D

CSS codes

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

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