#CCB6AF - #F8FFCD | 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 #CCB6AF to #F8FFCD

#CCB6AF #F8FFCD

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

#CCB6AF - #F8FFCD | 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 #CCB6AF as 0% and #F8FFCD as 100%.

0.0%	0.0% #CCB6AF	RGB 204 182 175	#CCB6AF
16.7%	16.7% #D3C2B4	RGB 211 194 180	#D3C2B4
33.3%	33.3% #DACEB9	RGB 218 206 185	#DACEB9
50.0%	50.0% #E2DABE	RGB 226 218 190	#E2DABE
66.7%	66.7% #E9E6C3	RGB 233 230 195	#E9E6C3
83.3%	83.3% #F0F2C8	RGB 240 242 200	#F0F2C8
100.0%	100.0% #F8FFCD	RGB 248 255 205	#F8FFCD

#CCB6AF #D3C2B4 #DACEB9 #E2DABE #E9E6C3 #F0F2C8 #F8FFCD

#CCB6AF - #F8FFCD

HSV Blend

#CCB6AF - #F8FFCD | 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 #CCB6AF as 0% and #F8FFCD as 100%.

0.0%	0.0% #CCB6AF	RGB 204 182 175	#CCB6AF
16.7%	16.7% #D4C0B4	RGB 212 192 180	#D4C0B4
33.3%	33.3% #DDCCB9	RGB 221 204 185	#DDCCB9
50.0%	50.0% #E5D9BE	RGB 229 217 190	#E5D9BE
66.7%	66.7% #EEE7C3	RGB 238 231 195	#EEE7C3
83.3%	83.3% #F6F6C8	RGB 246 246 200	#F6F6C8
100.0%	100.0% #F8FFCD	RGB 248 255 205	#F8FFCD

#CCB6AF #D4C0B4 #DDCCB9 #E5D9BE #EEE7C3 #F6F6C8 #F8FFCD

#CCB6AF - #E5D9BE - #F8FFCD

CSS codes

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

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