#3F4C5E - #C8CBD1 | 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 #3F4C5E to #C8CBD1

#3F4C5E #C8CBD1

Calculate the color between two colors, #3F4C5E and #C8CBD1. 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)

#3F4C5E - #C8CBD1 | 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 #3F4C5E as 0% and #C8CBD1 as 100%.

0.0%	0.0% #3F4C5E	RGB 63 76 94	#3F4C5E
16.7%	16.7% #556171	RGB 85 97 113	#556171
33.3%	33.3% #6C7684	RGB 108 118 132	#6C7684
50.0%	50.0% #838B97	RGB 131 139 151	#838B97
66.7%	66.7% #9AA0AA	RGB 154 160 170	#9AA0AA
83.3%	83.3% #B1B5BD	RGB 177 181 189	#B1B5BD
100.0%	100.0% #C8CBD1	RGB 200 203 209	#C8CBD1

#3F4C5E #556171 #6C7684 #838B97 #9AA0AA #B1B5BD #C8CBD1

#3F4C5E - #C8CBD1

HSV Blend

#3F4C5E - #C8CBD1 | 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 #3F4C5E as 0% and #C8CBD1 as 100%.

0.0%	0.0% #3F4B5E	RGB 63 75 94	#3F4B5E
16.7%	16.7% #515E71	RGB 81 94 113	#515E71
33.3%	33.3% #657184	RGB 101 113 132	#657184
50.0%	50.0% #7B8597	RGB 123 133 151	#7B8597
66.7%	66.7% #939BAA	RGB 147 155 170	#939BAA
83.3%	83.3% #ACB2BD	RGB 172 178 189	#ACB2BD
100.0%	100.0% #C8CBD1	RGB 200 203 209	#C8CBD1

#3F4B5E #515E71 #657184 #7B8597 #939BAA #ACB2BD #C8CBD1

#3F4C5E - #7B8597 - #C8CBD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F4B5E 0%, #7B8597 50%, #C8CBD1 100%);
    background: -webkit-linear-gradient(top, #3F4B5E 0%, #7B8597 50%, #C8CBD1 100%);
    background: linear-gradient(to bottom, #3F4B5E 0%, #7B8597 50%, #C8CBD1 100%);
}
</style>