#406B5E - #C8D4D1 | 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 #406B5E to #C8D4D1

#406B5E #C8D4D1

Calculate the color between two colors, #406B5E and #C8D4D1. 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)

#406B5E - #C8D4D1 | 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 #406B5E as 0% and #C8D4D1 as 100%.

0.0%	0.0% #406B5E	RGB 64 107 94	#406B5E
16.7%	16.7% #567C71	RGB 86 124 113	#567C71
33.3%	33.3% #6D8E84	RGB 109 142 132	#6D8E84
50.0%	50.0% #849F97	RGB 132 159 151	#849F97
66.7%	66.7% #9AB1AA	RGB 154 177 170	#9AB1AA
83.3%	83.3% #B1C2BD	RGB 177 194 189	#B1C2BD
100.0%	100.0% #C8D4D1	RGB 200 212 209	#C8D4D1

#406B5E #567C71 #6D8E84 #849F97 #9AB1AA #B1C2BD #C8D4D1

#406B5E - #C8D4D1

HSV Blend

#406B5E - #C8D4D1 | 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 #406B5E as 0% and #C8D4D1 as 100%.

0.0%	0.0% #406B5E	RGB 64 107 94	#406B5E
16.7%	16.7% #517C6F	RGB 81 124 111	#517C6F
33.3%	33.3% #658E82	RGB 101 142 130	#658E82
50.0%	50.0% #7A9F95	RGB 122 159 149	#7A9F95
66.7%	66.7% #92B1A8	RGB 146 177 168	#92B1A8
83.3%	83.3% #ACC2BC	RGB 172 194 188	#ACC2BC
100.0%	100.0% #C8D4D1	RGB 200 212 209	#C8D4D1

#406B5E #517C6F #658E82 #7A9F95 #92B1A8 #ACC2BC #C8D4D1

#406B5E - #7A9F95 - #C8D4D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #406B5E 0%, #7A9F95 50%, #C8D4D1 100%);
    background: -webkit-linear-gradient(top, #406B5E 0%, #7A9F95 50%, #C8D4D1 100%);
    background: linear-gradient(to bottom, #406B5E 0%, #7A9F95 50%, #C8D4D1 100%);
}
</style>