#C4C2DA - #DADFDB | 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 #C4C2DA to #DADFDB

#C4C2DA #DADFDB

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

#C4C2DA - #DADFDB | 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 #C4C2DA as 0% and #DADFDB as 100%.

0.0%	0.0% #C4C2DA	RGB 196 194 218	#C4C2DA
16.7%	16.7% #C7C6DA	RGB 199 198 218	#C7C6DA
33.3%	33.3% #CBCBDA	RGB 203 203 218	#CBCBDA
50.0%	50.0% #CFD0DA	RGB 207 208 218	#CFD0DA
66.7%	66.7% #D2D5DA	RGB 210 213 218	#D2D5DA
83.3%	83.3% #D6DADA	RGB 214 218 218	#D6DADA
100.0%	100.0% #DADFDB	RGB 218 223 219	#DADFDB

#C4C2DA #C7C6DA #CBCBDA #CFD0DA #D2D5DA #D6DADA #DADFDB

#C4C2DA - #DADFDB

HSV Blend

#C4C2DA - #DADFDB | 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 #C4C2DA as 0% and #DADFDB as 100%.

0.0%	0.0% #C4C2DA	RGB 196 194 218	#C4C2DA
16.7%	16.7% #C5CADA	RGB 197 202 218	#C5CADA
33.3%	33.3% #C9D3DB	RGB 201 211 219	#C9D3DB
50.0%	50.0% #CDDADC	RGB 205 218 220	#CDDADC
66.7%	66.7% #D1DDDB	RGB 209 221 219	#D1DDDB
83.3%	83.3% #D5DEDA	RGB 213 222 218	#D5DEDA
100.0%	100.0% #DADFDB	RGB 218 223 219	#DADFDB

#C4C2DA #C5CADA #C9D3DB #CDDADC #D1DDDB #D5DEDA #DADFDB

#C4C2DA - #CDDADC - #DADFDB

CSS codes

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

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