#40563D - #C8CEC7 | 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 #40563D to #C8CEC7

#40563D #C8CEC7

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

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

0.0%	0.0% #40563D	RGB 64 86 61	#40563D
16.7%	16.7% #566A54	RGB 86 106 84	#566A54
33.3%	33.3% #6D7E6B	RGB 109 126 107	#6D7E6B
50.0%	50.0% #849282	RGB 132 146 130	#849282
66.7%	66.7% #9AA699	RGB 154 166 153	#9AA699
83.3%	83.3% #B1BAB0	RGB 177 186 176	#B1BAB0
100.0%	100.0% #C8CEC7	RGB 200 206 199	#C8CEC7

#40563D #566A54 #6D7E6B #849282 #9AA699 #B1BAB0 #C8CEC7

#40563D - #C8CEC7

HSV Blend

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

0.0%	0.0% #40563D	RGB 64 86 61	#40563D
16.7%	16.7% #526A4F	RGB 82 106 79	#526A4F
33.3%	33.3% #677E64	RGB 103 126 100	#677E64
50.0%	50.0% #7D927A	RGB 125 146 122	#7D927A
66.7%	66.7% #94A692	RGB 148 166 146	#94A692
83.3%	83.3% #ADBAAB	RGB 173 186 171	#ADBAAB
100.0%	100.0% #C8CEC7	RGB 200 206 199	#C8CEC7

#40563D #526A4F #677E64 #7D927A #94A692 #ADBAAB #C8CEC7

#40563D - #7D927A - #C8CEC7

CSS codes

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

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