#41595D - #C8CFD0 | 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 #41595D to #C8CFD0

#41595D #C8CFD0

Calculate the color between two colors, #41595D and #C8CFD0. 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)

#41595D - #C8CFD0 | 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 #41595D as 0% and #C8CFD0 as 100%.

0.0%	0.0% #41595D	RGB 65 89 93	#41595D
16.7%	16.7% #576C70	RGB 87 108 112	#576C70
33.3%	33.3% #6E8083	RGB 110 128 131	#6E8083
50.0%	50.0% #849496	RGB 132 148 150	#849496
66.7%	66.7% #9BA7A9	RGB 155 167 169	#9BA7A9
83.3%	83.3% #B1BBBC	RGB 177 187 188	#B1BBBC
100.0%	100.0% #C8CFD0	RGB 200 207 208	#C8CFD0

#41595D #576C70 #6E8083 #849496 #9BA7A9 #B1BBBC #C8CFD0

#41595D - #C8CFD0

HSV Blend

#41595D - #C8CFD0 | 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 #41595D as 0% and #C8CFD0 as 100%.

0.0%	0.0% #41585D	RGB 65 88 93	#41585D
16.7%	16.7% #536C70	RGB 83 108 112	#536C70
33.3%	33.3% #677F83	RGB 103 127 131	#677F83
50.0%	50.0% #7C9396	RGB 124 147 150	#7C9396
66.7%	66.7% #94A6A9	RGB 148 166 169	#94A6A9
83.3%	83.3% #ADBABC	RGB 173 186 188	#ADBABC
100.0%	100.0% #C8CFD0	RGB 200 207 208	#C8CFD0

#41585D #536C70 #677F83 #7C9396 #94A6A9 #ADBABC #C8CFD0

#41595D - #7C9396 - #C8CFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41585D 0%, #7C9396 50%, #C8CFD0 100%);
    background: -webkit-linear-gradient(top, #41585D 0%, #7C9396 50%, #C8CFD0 100%);
    background: linear-gradient(to bottom, #41585D 0%, #7C9396 50%, #C8CFD0 100%);
}
</style>