#C4D0C9 - #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 #C4D0C9 à #ECDFDF

#C4D0C9 #ECDFDF

Calculez la couleur entre deux couleurs, #C4D0C9 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)

#C4D0C9 - #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 #C4D0C9 0% et #ECDFDF 100%.

0.0%	0.0% #C4D0C9	RVB 196 208 201	#C4D0C9
16.7%	16.7% #CAD2CC	RVB 202 210 204	#CAD2CC
33.3%	33.3% #D1D5D0	RVB 209 213 208	#D1D5D0
50.0%	50.0% #D8D7D4	RVB 216 215 212	#D8D7D4
66.7%	66.7% #DEDAD7	RVB 222 218 215	#DEDAD7
83.3%	83.3% #E5DCDB	RVB 229 220 219	#E5DCDB
100.0%	100.0% #ECDFDF	RVB 236 223 223	#ECDFDF

#C4D0C9 #CAD2CC #D1D5D0 #D8D7D4 #DEDAD7 #E5DCDB #ECDFDF

#C4D0C9 - #ECDFDF

Mélange HSV

#C4D0C9 - #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 #C4D0C9 0% et #ECDFDF 100%.

0.0%	0.0% #C4D0C9	RVB 196 208 201	#C4D0C9
16.7%	16.7% #C8D4C8	RVB 200 212 200	#C8D4C8
33.3%	33.3% #D1D9CC	RVB 209 217 204	#D1D9CC
50.0%	50.0% #DBDED1	RVB 219 222 209	#DBDED1
66.7%	66.7% #E2E0D5	RVB 226 224 213	#E2E0D5
83.3%	83.3% #E7DFDA	RVB 231 223 218	#E7DFDA
100.0%	100.0% #ECDFDF	RVB 236 223 223	#ECDFDF

#C4D0C9 #C8D4C8 #D1D9CC #DBDED1 #E2E0D5 #E7DFDA #ECDFDF

#C4D0C9 - #DBDED1 - #ECDFDF

Codes CSS

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

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