#5E777D - #CABAA2 | 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 #5E777D to #CABAA2

#5E777D #CABAA2

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

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

0.0%	0.0% #5E777D	RGB 94 119 125	#5E777D
16.7%	16.7% #708283	RGB 112 130 131	#708283
33.3%	33.3% #828D89	RGB 130 141 137	#828D89
50.0%	50.0% #94988F	RGB 148 152 143	#94988F
66.7%	66.7% #A6A395	RGB 166 163 149	#A6A395
83.3%	83.3% #B8AE9B	RGB 184 174 155	#B8AE9B
100.0%	100.0% #CABAA2	RGB 202 186 162	#CABAA2

#5E777D #708283 #828D89 #94988F #A6A395 #B8AE9B #CABAA2

#5E777D - #CABAA2

HSV Blend

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

0.0%	0.0% #5E777D	RGB 94 119 125	#5E777D
16.7%	16.7% #688981	RGB 104 137 129	#688981
33.3%	33.3% #73967F	RGB 115 150 127	#73967F
50.0%	50.0% #82A37F	RGB 130 163 127	#82A37F
66.7%	66.7% #9EB08A	RGB 158 176 138	#9EB08A
83.3%	83.3% #BBBD96	RGB 187 189 150	#BBBD96
100.0%	100.0% #CABAA2	RGB 202 186 162	#CABAA2

#5E777D #688981 #73967F #82A37F #9EB08A #BBBD96 #CABAA2

#5E777D - #82A37F - #CABAA2

CSS codes

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

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