#5E7E78 - #B99DAA | 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 #5E7E78 to #B99DAA

#5E7E78 #B99DAA

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

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

0.0%	0.0% #5E7E78	RGB 94 126 120	#5E7E78
16.7%	16.7% #6D8380	RGB 109 131 128	#6D8380
33.3%	33.3% #7C8888	RGB 124 136 136	#7C8888
50.0%	50.0% #8B8D91	RGB 139 141 145	#8B8D91
66.7%	66.7% #9A9299	RGB 154 146 153	#9A9299
83.3%	83.3% #A997A1	RGB 169 151 161	#A997A1
100.0%	100.0% #B99DAA	RGB 185 157 170	#B99DAA

#5E7E78 #6D8380 #7C8888 #8B8D91 #9A9299 #A997A1 #B99DAA

#5E7E78 - #B99DAA

HSV Blend

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

0.0%	0.0% #5E7E78	RGB 94 126 120	#5E7E78
16.7%	16.7% #677F87	RGB 103 127 135	#677F87
33.3%	33.3% #717A91	RGB 113 122 145	#717A91
50.0%	50.0% #817B9B	RGB 129 123 155	#817B9B
66.7%	66.7% #9986A5	RGB 153 134 165	#9986A5
83.3%	83.3% #AF91AC	RGB 175 145 172	#AF91AC
100.0%	100.0% #B99DAA	RGB 185 157 170	#B99DAA

#5E7E78 #677F87 #717A91 #817B9B #9986A5 #AF91AC #B99DAA

#5E7E78 - #817B9B - #B99DAA

CSS codes

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

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