#CCCDB8 - #EFF1D1 | 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 #CCCDB8 to #EFF1D1

#CCCDB8 #EFF1D1

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

#CCCDB8 - #EFF1D1 | 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 #CCCDB8 as 0% and #EFF1D1 as 100%.

0.0%	0.0% #CCCDB8	RGB 204 205 184	#CCCDB8
16.7%	16.7% #D1D3BC	RGB 209 211 188	#D1D3BC
33.3%	33.3% #D7D9C0	RGB 215 217 192	#D7D9C0
50.0%	50.0% #DDDFC4	RGB 221 223 196	#DDDFC4
66.7%	66.7% #E3E5C8	RGB 227 229 200	#E3E5C8
83.3%	83.3% #E9EBCC	RGB 233 235 204	#E9EBCC
100.0%	100.0% #EFF1D1	RGB 239 241 209	#EFF1D1

#CCCDB8 #D1D3BC #D7D9C0 #DDDFC4 #E3E5C8 #E9EBCC #EFF1D1

#CCCDB8 - #EFF1D1

HSV Blend

#CCCDB8 - #EFF1D1 | 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 #CCCDB8 as 0% and #EFF1D1 as 100%.

0.0%	0.0% #CCCDB8	RGB 204 205 184	#CCCDB8
16.7%	16.7% #D1D3BC	RGB 209 211 188	#D1D3BC
33.3%	33.3% #D7D9C0	RGB 215 217 192	#D7D9C0
50.0%	50.0% #DDDFC4	RGB 221 223 196	#DDDFC4
66.7%	66.7% #E3E5C8	RGB 227 229 200	#E3E5C8
83.3%	83.3% #E9EBCC	RGB 233 235 204	#E9EBCC
100.0%	100.0% #EFF1D1	RGB 239 241 209	#EFF1D1

#CCCDB8 #D1D3BC #D7D9C0 #DDDFC4 #E3E5C8 #E9EBCC #EFF1D1

#CCCDB8 - #DDDFC4 - #EFF1D1

CSS codes

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

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