#CED0CB - #ECE3D0 | 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 #CED0CB à #ECE3D0

#CED0CB #ECE3D0

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

#CED0CB - #ECE3D0 | 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 #CED0CB 0% et #ECE3D0 100%.

0.0%	0.0% #CED0CB	RVB 206 208 203	#CED0CB
16.7%	16.7% #D3D3CB	RVB 211 211 203	#D3D3CB
33.3%	33.3% #D8D6CC	RVB 216 214 204	#D8D6CC
50.0%	50.0% #DDD9CD	RVB 221 217 205	#DDD9CD
66.7%	66.7% #E2DCCE	RVB 226 220 206	#E2DCCE
83.3%	83.3% #E7DFCF	RVB 231 223 207	#E7DFCF
100.0%	100.0% #ECE3D0	RVB 236 227 208	#ECE3D0

#CED0CB #D3D3CB #D8D6CC #DDD9CD #E2DCCE #E7DFCF #ECE3D0

#CED0CB - #ECE3D0

Mélange HSV

#CED0CB - #ECE3D0 | 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 #CED0CB 0% et #ECE3D0 100%.

0.0%	0.0% #CED0CB	RVB 206 208 203	#CED0CB
16.7%	16.7% #D2D4CC	RVB 210 212 204	#D2D4CC
33.3%	33.3% #D7D9CD	RVB 215 217 205	#D7D9CD
50.0%	50.0% #DDDECE	RVB 221 222 206	#DDDECE
66.7%	66.7% #E2E1CE	RVB 226 225 206	#E2E1CE
83.3%	83.3% #E7E2CF	RVB 231 226 207	#E7E2CF
100.0%	100.0% #ECE3D0	RVB 236 227 208	#ECE3D0

#CED0CB #D2D4CC #D7D9CD #DDDECE #E2E1CE #E7E2CF #ECE3D0

#CED0CB - #DDDECE - #ECE3D0

Codes CSS

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

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