#477B5C - #CAD9CF | 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 #477B5C to #CAD9CF

#477B5C #CAD9CF

Calculate the color between two colors, #477B5C and #CAD9CF. 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)

#477B5C - #CAD9CF | 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 #477B5C as 0% and #CAD9CF as 100%.

0.0%	0.0% #477B5C	RGB 71 123 92	#477B5C
16.7%	16.7% #5C8A6F	RGB 92 138 111	#5C8A6F
33.3%	33.3% #729A82	RGB 114 154 130	#729A82
50.0%	50.0% #88AA95	RGB 136 170 149	#88AA95
66.7%	66.7% #9EB9A8	RGB 158 185 168	#9EB9A8
83.3%	83.3% #B4C9BB	RGB 180 201 187	#B4C9BB
100.0%	100.0% #CAD9CF	RGB 202 217 207	#CAD9CF

#477B5C #5C8A6F #729A82 #88AA95 #9EB9A8 #B4C9BB #CAD9CF

#477B5C - #CAD9CF

HSV Blend

#477B5C - #CAD9CF | 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 #477B5C as 0% and #CAD9CF as 100%.

0.0%	0.0% #477B5C	RGB 71 123 92	#477B5C
16.7%	16.7% #588A6B	RGB 88 138 107	#588A6B
33.3%	33.3% #6B9A7D	RGB 107 154 125	#6B9A7D
50.0%	50.0% #80AA8F	RGB 128 170 143	#80AA8F
66.7%	66.7% #96B9A3	RGB 150 185 163	#96B9A3
83.3%	83.3% #AFC9B8	RGB 175 201 184	#AFC9B8
100.0%	100.0% #CAD9CF	RGB 202 217 207	#CAD9CF

#477B5C #588A6B #6B9A7D #80AA8F #96B9A3 #AFC9B8 #CAD9CF

#477B5C - #80AA8F - #CAD9CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #477B5C 0%, #80AA8F 50%, #CAD9CF 100%);
    background: -webkit-linear-gradient(top, #477B5C 0%, #80AA8F 50%, #CAD9CF 100%);
    background: linear-gradient(to bottom, #477B5C 0%, #80AA8F 50%, #CAD9CF 100%);
}
</style>