#C4D0CB - #ECDFDF | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #C4D0CB à #ECDFDF

#C4D0CB #ECDFDF

Calculez la couleur entre deux couleurs, #C4D0CB et #ECDFDF. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#C4D0CB - #ECDFDF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #C4D0CB 0% et #ECDFDF 100%.

0.0%	0.0% #C4D0CB	RVB 196 208 203	#C4D0CB
16.7%	16.7% #CAD2CE	RVB 202 210 206	#CAD2CE
33.3%	33.3% #D1D5D1	RVB 209 213 209	#D1D5D1
50.0%	50.0% #D8D7D5	RVB 216 215 213	#D8D7D5
66.7%	66.7% #DEDAD8	RVB 222 218 216	#DEDAD8
83.3%	83.3% #E5DCDB	RVB 229 220 219	#E5DCDB
100.0%	100.0% #ECDFDF	RVB 236 223 223	#ECDFDF

#C4D0CB #CAD2CE #D1D5D1 #D8D7D5 #DEDAD8 #E5DCDB #ECDFDF

#C4D0CB - #ECDFDF

Mélange HSV

#C4D0CB - #ECDFDF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #C4D0CB 0% et #ECDFDF 100%.

0.0%	0.0% #C4D0CB	RVB 196 208 203	#C4D0CB
16.7%	16.7% #C8D4CA	RVB 200 212 202	#C8D4CA
33.3%	33.3% #D0D9CC	RVB 208 217 204	#D0D9CC
50.0%	50.0% #DADED1	RVB 218 222 209	#DADED1
66.7%	66.7% #E2E0D5	RVB 226 224 213	#E2E0D5
83.3%	83.3% #E7E0DA	RVB 231 224 218	#E7E0DA
100.0%	100.0% #ECDFDF	RVB 236 223 223	#ECDFDF

#C4D0CB #C8D4CA #D0D9CC #DADED1 #E2E0D5 #E7E0DA #ECDFDF

#C4D0CB - #DADED1 - #ECDFDF

Codes CSS

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

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