#CFDAB8 - #DFDBDE | 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 #CFDAB8 to #DFDBDE

#CFDAB8 #DFDBDE

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

#CFDAB8 - #DFDBDE | 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 #CFDAB8 as 0% and #DFDBDE as 100%.

0.0%	0.0% #CFDAB8	RGB 207 218 184	#CFDAB8
16.7%	16.7% #D1DABE	RGB 209 218 190	#D1DABE
33.3%	33.3% #D4DAC4	RGB 212 218 196	#D4DAC4
50.0%	50.0% #D7DACB	RGB 215 218 203	#D7DACB
66.7%	66.7% #D9DAD1	RGB 217 218 209	#D9DAD1
83.3%	83.3% #DCDAD7	RGB 220 218 215	#DCDAD7
100.0%	100.0% #DFDBDE	RGB 223 219 222	#DFDBDE

#CFDAB8 #D1DABE #D4DAC4 #D7DACB #D9DAD1 #DCDAD7 #DFDBDE

#CFDAB8 - #DFDBDE

HSV Blend

#CFDAB8 - #DFDBDE | 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 #CFDAB8 as 0% and #DFDBDE as 100%.

0.0%	0.0% #CFDAB8	RGB 207 218 184	#CFDAB8
16.7%	16.7% #DADABD	RGB 218 218 189	#DADABD
33.3%	33.3% #DBD2C3	RGB 219 210 195	#DBD2C3
50.0%	50.0% #DCCEC9	RGB 220 206 201	#DCCEC9
66.7%	66.7% #DDCFD0	RGB 221 207 208	#DDCFD0
83.3%	83.3% #DED5D8	RGB 222 213 216	#DED5D8
100.0%	100.0% #DFDBDE	RGB 223 219 222	#DFDBDE

#CFDAB8 #DADABD #DBD2C3 #DCCEC9 #DDCFD0 #DED5D8 #DFDBDE

#CFDAB8 - #DCCEC9 - #DFDBDE

CSS codes

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

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