#CCC6BA - #FFDBC8 | 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 #CCC6BA to #FFDBC8

#CCC6BA #FFDBC8

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

#CCC6BA - #FFDBC8 | 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 #CCC6BA as 0% and #FFDBC8 as 100%.

0.0%	0.0% #CCC6BA	RGB 204 198 186	#CCC6BA
16.7%	16.7% #D4C9BC	RGB 212 201 188	#D4C9BC
33.3%	33.3% #DDCDBE	RGB 221 205 190	#DDCDBE
50.0%	50.0% #E5D0C1	RGB 229 208 193	#E5D0C1
66.7%	66.7% #EED4C3	RGB 238 212 195	#EED4C3
83.3%	83.3% #F6D7C5	RGB 246 215 197	#F6D7C5
100.0%	100.0% #FFDBC8	RGB 255 219 200	#FFDBC8

#CCC6BA #D4C9BC #DDCDBE #E5D0C1 #EED4C3 #F6D7C5 #FFDBC8

#CCC6BA - #FFDBC8

HSV Blend

#CCC6BA - #FFDBC8 | 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 #CCC6BA as 0% and #FFDBC8 as 100%.

0.0%	0.0% #CCC6BA	RGB 204 198 186	#CCC6BA
16.7%	16.7% #D4CBBD	RGB 212 203 189	#D4CBBD
33.3%	33.3% #DDD0C0	RGB 221 208 192	#DDD0C0
50.0%	50.0% #E5D4C2	RGB 229 212 194	#E5D4C2
66.7%	66.7% #EED7C4	RGB 238 215 196	#EED7C4
83.3%	83.3% #F6D9C6	RGB 246 217 198	#F6D9C6
100.0%	100.0% #FFDBC8	RGB 255 219 200	#FFDBC8

#CCC6BA #D4CBBD #DDD0C0 #E5D4C2 #EED7C4 #F6D9C6 #FFDBC8

#CCC6BA - #E5D4C2 - #FFDBC8

CSS codes

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

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