#C7CBBE - #ECE3CD | 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 #C7CBBE à #ECE3CD

#C7CBBE #ECE3CD

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

#C7CBBE - #ECE3CD | 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 #C7CBBE 0% et #ECE3CD 100%.

0.0%	0.0% #C7CBBE	RVB 199 203 190	#C7CBBE
16.7%	16.7% #CDCFC0	RVB 205 207 192	#CDCFC0
33.3%	33.3% #D3D3C3	RVB 211 211 195	#D3D3C3
50.0%	50.0% #D9D7C5	RVB 217 215 197	#D9D7C5
66.7%	66.7% #DFDBC8	RVB 223 219 200	#DFDBC8
83.3%	83.3% #E5DFCA	RVB 229 223 202	#E5DFCA
100.0%	100.0% #ECE3CD	RVB 236 227 205	#ECE3CD

#C7CBBE #CDCFC0 #D3D3C3 #D9D7C5 #DFDBC8 #E5DFCA #ECE3CD

#C7CBBE - #ECE3CD

Mélange HSV

#C7CBBE - #ECE3CD | 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 #C7CBBE 0% et #ECE3CD 100%.

0.0%	0.0% #C7CBBE	RVB 199 203 190	#C7CBBE
16.7%	16.7% #CDD0C0	RVB 205 208 192	#CDD0C0
33.3%	33.3% #D3D6C3	RVB 211 214 195	#D3D6C3
50.0%	50.0% #DBDBC6	RVB 219 219 198	#DBDBC6
66.7%	66.7% #E1DEC8	RVB 225 222 200	#E1DEC8
83.3%	83.3% #E6E1CA	RVB 230 225 202	#E6E1CA
100.0%	100.0% #ECE3CD	RVB 236 227 205	#ECE3CD

#C7CBBE #CDD0C0 #D3D6C3 #DBDBC6 #E1DEC8 #E6E1CA #ECE3CD

#C7CBBE - #DBDBC6 - #ECE3CD

Codes CSS

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

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