#C3C5C8 - #E5E1D2 | 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 #C3C5C8 à #E5E1D2

#C3C5C8 #E5E1D2

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

#C3C5C8 - #E5E1D2 | 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 #C3C5C8 0% et #E5E1D2 100%.

0.0%	0.0% #C3C5C8	RVB 195 197 200	#C3C5C8
16.7%	16.7% #C8C9C9	RVB 200 201 201	#C8C9C9
33.3%	33.3% #CECECB	RVB 206 206 203	#CECECB
50.0%	50.0% #D4D3CD	RVB 212 211 205	#D4D3CD
66.7%	66.7% #D9D7CE	RVB 217 215 206	#D9D7CE
83.3%	83.3% #DFDCD0	RVB 223 220 208	#DFDCD0
100.0%	100.0% #E5E1D2	RVB 229 225 210	#E5E1D2

#C3C5C8 #C8C9C9 #CECECB #D4D3CD #D9D7CE #DFDCD0 #E5E1D2

#C3C5C8 - #E5E1D2

Mélange HSV

#C3C5C8 - #E5E1D2 | 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 #C3C5C8 0% et #E5E1D2 100%.

0.0%	0.0% #C3C5C8	RVB 195 197 200	#C3C5C8
16.7%	16.7% #C5CBCC	RVB 197 203 204	#C5CBCC
33.3%	33.3% #C8D1CE	RVB 200 209 206	#C8D1CE
50.0%	50.0% #CAD6CD	RVB 202 214 205	#CAD6CD
66.7%	66.7% #D1DBCD	RVB 209 219 205	#D1DBCD
83.3%	83.3% #DBE0CF	RVB 219 224 207	#DBE0CF
100.0%	100.0% #E5E1D2	RVB 229 225 210	#E5E1D2

#C3C5C8 #C5CBCC #C8D1CE #CAD6CD #D1DBCD #DBE0CF #E5E1D2

#C3C5C8 - #CAD6CD - #E5E1D2

Codes CSS

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

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