#C9C7C9 - #D5E6DB | 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 #C9C7C9 à #D5E6DB

#C9C7C9 #D5E6DB

Calculez la couleur entre deux couleurs, #C9C7C9 et #D5E6DB. 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)

#C9C7C9 - #D5E6DB | 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 #C9C7C9 0% et #D5E6DB 100%.

0.0%	0.0% #C9C7C9	RVB 201 199 201	#C9C7C9
16.7%	16.7% #CBCCCC	RVB 203 204 204	#CBCCCC
33.3%	33.3% #CDD1CF	RVB 205 209 207	#CDD1CF
50.0%	50.0% #CFD6D2	RVB 207 214 210	#CFD6D2
66.7%	66.7% #D1DBD5	RVB 209 219 213	#D1DBD5
83.3%	83.3% #D3E0D8	RVB 211 224 216	#D3E0D8
100.0%	100.0% #D5E6DB	RVB 213 230 219	#D5E6DB

#C9C7C9 #CBCCCC #CDD1CF #CFD6D2 #D1DBD5 #D3E0D8 #D5E6DB

#C9C7C9 - #D5E6DB

Mélange HSV

#C9C7C9 - #D5E6DB | 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 #C9C7C9 0% et #D5E6DB 100%.

0.0%	0.0% #C9C7C9	RVB 201 199 201	#C9C7C9
16.7%	16.7% #CBC9CD	RVB 203 201 205	#CBC9CD
33.3%	33.3% #CCCCD2	RVB 204 204 210	#CCCCD2
50.0%	50.0% #CED1D7	RVB 206 209 215	#CED1D7
66.7%	66.7% #D0D9DC	RVB 208 217 220	#D0D9DC
83.3%	83.3% #D2E1DE	RVB 210 225 222	#D2E1DE
100.0%	100.0% #D5E6DB	RVB 213 230 219	#D5E6DB

#C9C7C9 #CBC9CD #CCCCD2 #CED1D7 #D0D9DC #D2E1DE #D5E6DB

#C9C7C9 - #CED1D7 - #D5E6DB

Codes CSS

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

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