#C8C6C3 - #FFDCCD | 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 #C8C6C3 to #FFDCCD

#C8C6C3 #FFDCCD

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

#C8C6C3 - #FFDCCD | 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 #C8C6C3 as 0% and #FFDCCD as 100%.

0.0%	0.0% #C8C6C3	RGB 200 198 195	#C8C6C3
16.7%	16.7% #D1C9C4	RGB 209 201 196	#D1C9C4
33.3%	33.3% #DACDC6	RGB 218 205 198	#DACDC6
50.0%	50.0% #E3D1C8	RGB 227 209 200	#E3D1C8
66.7%	66.7% #ECD4C9	RGB 236 212 201	#ECD4C9
83.3%	83.3% #F5D8CB	RGB 245 216 203	#F5D8CB
100.0%	100.0% #FFDCCD	RGB 255 220 205	#FFDCCD

#C8C6C3 #D1C9C4 #DACDC6 #E3D1C8 #ECD4C9 #F5D8CB #FFDCCD

#C8C6C3 - #FFDCCD

HSV Blend

#C8C6C3 - #FFDCCD | 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 #C8C6C3 as 0% and #FFDCCD as 100%.

0.0%	0.0% #C8C6C3	RGB 200 198 195	#C8C6C3
16.7%	16.7% #D1CCC5	RGB 209 204 197	#D1CCC5
33.3%	33.3% #DAD1C8	RGB 218 209 200	#DAD1C8
50.0%	50.0% #E3D5CA	RGB 227 213 202	#E3D5CA
66.7%	66.7% #ECD8CB	RGB 236 216 203	#ECD8CB
83.3%	83.3% #F5DBCC	RGB 245 219 204	#F5DBCC
100.0%	100.0% #FFDCCD	RGB 255 220 205	#FFDCCD

#C8C6C3 #D1CCC5 #DAD1C8 #E3D5CA #ECD8CB #F5DBCC #FFDCCD

#C8C6C3 - #E3D5CA - #FFDCCD

CSS codes

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

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