#C5C6BA - #F0FFD0 | 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 #C5C6BA to #F0FFD0

#C5C6BA #F0FFD0

Calculate the color between two colors, #C5C6BA and #F0FFD0. 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)

#C5C6BA - #F0FFD0 | 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 #C5C6BA as 0% and #F0FFD0 as 100%.

0.0%	0.0% #C5C6BA	RGB 197 198 186	#C5C6BA
16.7%	16.7% #CCCFBD	RGB 204 207 189	#CCCFBD
33.3%	33.3% #D3D9C1	RGB 211 217 193	#D3D9C1
50.0%	50.0% #DAE2C5	RGB 218 226 197	#DAE2C5
66.7%	66.7% #E1ECC8	RGB 225 236 200	#E1ECC8
83.3%	83.3% #E8F5CC	RGB 232 245 204	#E8F5CC
100.0%	100.0% #F0FFD0	RGB 240 255 208	#F0FFD0

#C5C6BA #CCCFBD #D3D9C1 #DAE2C5 #E1ECC8 #E8F5CC #F0FFD0

#C5C6BA - #F0FFD0

HSV Blend

#C5C6BA - #F0FFD0 | 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 #C5C6BA as 0% and #F0FFD0 as 100%.

0.0%	0.0% #C5C6BA	RGB 197 198 186	#C5C6BA
16.7%	16.7% #CDCFBE	RGB 205 207 190	#CDCFBE
33.3%	33.3% #D5D9C2	RGB 213 217 194	#D5D9C2
50.0%	50.0% #DCE2C6	RGB 220 226 198	#DCE2C6
66.7%	66.7% #E3ECCA	RGB 227 236 202	#E3ECCA
83.3%	83.3% #EAF5CD	RGB 234 245 205	#EAF5CD
100.0%	100.0% #F0FFD0	RGB 240 255 208	#F0FFD0

#C5C6BA #CDCFBE #D5D9C2 #DCE2C6 #E3ECCA #EAF5CD #F0FFD0

#C5C6BA - #DCE2C6 - #F0FFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C6BA 0%, #DCE2C6 50%, #F0FFD0 100%);
    background: -webkit-linear-gradient(top, #C5C6BA 0%, #DCE2C6 50%, #F0FFD0 100%);
    background: linear-gradient(to bottom, #C5C6BA 0%, #DCE2C6 50%, #F0FFD0 100%);
}
</style>