#CECACD - #F0DBEB | 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 #CECACD to #F0DBEB

#CECACD #F0DBEB

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

#CECACD - #F0DBEB | 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 #CECACD as 0% and #F0DBEB as 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #D3CCD2	RGB 211 204 210	#D3CCD2
33.3%	33.3% #D9CFD7	RGB 217 207 215	#D9CFD7
50.0%	50.0% #DFD2DC	RGB 223 210 220	#DFD2DC
66.7%	66.7% #E4D5E1	RGB 228 213 225	#E4D5E1
83.3%	83.3% #EAD8E6	RGB 234 216 230	#EAD8E6
100.0%	100.0% #F0DBEB	RGB 240 219 235	#F0DBEB

#CECACD #D3CCD2 #D9CFD7 #DFD2DC #E4D5E1 #EAD8E6 #F0DBEB

#CECACD - #F0DBEB

HSV Blend

#CECACD - #F0DBEB | 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 #CECACD as 0% and #F0DBEB as 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #D3CDD2	RGB 211 205 210	#D3CDD2
33.3%	33.3% #D9D0D7	RGB 217 208 215	#D9D0D7
50.0%	50.0% #DFD3DC	RGB 223 211 220	#DFD3DC
66.7%	66.7% #E4D5E1	RGB 228 213 225	#E4D5E1
83.3%	83.3% #EAD8E6	RGB 234 216 230	#EAD8E6
100.0%	100.0% #F0DBEB	RGB 240 219 235	#F0DBEB

#CECACD #D3CDD2 #D9D0D7 #DFD3DC #E4D5E1 #EAD8E6 #F0DBEB

#CECACD - #DFD3DC - #F0DBEB

CSS codes

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

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