#3F564C - #C8CECB | 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 #3F564C to #C8CECB

#3F564C #C8CECB

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

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

0.0%	0.0% #3F564C	RGB 63 86 76	#3F564C
16.7%	16.7% #556A61	RGB 85 106 97	#556A61
33.3%	33.3% #6C7E76	RGB 108 126 118	#6C7E76
50.0%	50.0% #83928B	RGB 131 146 139	#83928B
66.7%	66.7% #9AA6A0	RGB 154 166 160	#9AA6A0
83.3%	83.3% #B1BAB5	RGB 177 186 181	#B1BAB5
100.0%	100.0% #C8CECB	RGB 200 206 203	#C8CECB

#3F564C #556A61 #6C7E76 #83928B #9AA6A0 #B1BAB5 #C8CECB

#3F564C - #C8CECB

HSV Blend

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

0.0%	0.0% #3F564C	RGB 63 86 76	#3F564C
16.7%	16.7% #516A5F	RGB 81 106 95	#516A5F
33.3%	33.3% #667E73	RGB 102 126 115	#667E73
50.0%	50.0% #7C9287	RGB 124 146 135	#7C9287
66.7%	66.7% #93A69D	RGB 147 166 157	#93A69D
83.3%	83.3% #ADBAB3	RGB 173 186 179	#ADBAB3
100.0%	100.0% #C8CECB	RGB 200 206 203	#C8CECB

#3F564C #516A5F #667E73 #7C9287 #93A69D #ADBAB3 #C8CECB

#3F564C - #7C9287 - #C8CECB

CSS codes

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

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