#C2DACE - #DFDBDA | 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 #C2DACE to #DFDBDA

#C2DACE #DFDBDA

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

#C2DACE - #DFDBDA | 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 #C2DACE as 0% and #DFDBDA as 100%.

0.0%	0.0% #C2DACE	RGB 194 218 206	#C2DACE
16.7%	16.7% #C6DAD0	RGB 198 218 208	#C6DAD0
33.3%	33.3% #CBDAD2	RGB 203 218 210	#CBDAD2
50.0%	50.0% #D0DAD4	RGB 208 218 212	#D0DAD4
66.7%	66.7% #D5DAD6	RGB 213 218 214	#D5DAD6
83.3%	83.3% #DADAD8	RGB 218 218 216	#DADAD8
100.0%	100.0% #DFDBDA	RGB 223 219 218	#DFDBDA

#C2DACE #C6DAD0 #CBDAD2 #D0DAD4 #D5DAD6 #DADAD8 #DFDBDA

#C2DACE - #DFDBDA

HSV Blend

#C2DACE - #DFDBDA | 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 #C2DACE as 0% and #DFDBDA as 100%.

0.0%	0.0% #C2DACE	RGB 194 218 206	#C2DACE
16.7%	16.7% #C5DAC8	RGB 197 218 200	#C5DAC8
33.3%	33.3% #CEDBC9	RGB 206 219 201	#CEDBC9
50.0%	50.0% #D7DCCD	RGB 215 220 205	#D7DCCD
66.7%	66.7% #DDDCD1	RGB 221 220 209	#DDDCD1
83.3%	83.3% #DEDAD5	RGB 222 218 213	#DEDAD5
100.0%	100.0% #DFDBDA	RGB 223 219 218	#DFDBDA

#C2DACE #C5DAC8 #CEDBC9 #D7DCCD #DDDCD1 #DEDAD5 #DFDBDA

#C2DACE - #D7DCCD - #DFDBDA

CSS codes

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

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