#C5E9D1 - #DBE8D1 | 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 #C5E9D1 à #DBE8D1

#C5E9D1 #DBE8D1

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

#C5E9D1 - #DBE8D1 | 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 #C5E9D1 0% et #DBE8D1 100%.

0.0%	0.0% #C5E9D1	RVB 197 233 209	#C5E9D1
16.7%	16.7% #C8E8D1	RVB 200 232 209	#C8E8D1
33.3%	33.3% #CCE8D1	RVB 204 232 209	#CCE8D1
50.0%	50.0% #D0E8D1	RVB 208 232 209	#D0E8D1
66.7%	66.7% #D3E8D1	RVB 211 232 209	#D3E8D1
83.3%	83.3% #D7E8D1	RVB 215 232 209	#D7E8D1
100.0%	100.0% #DBE8D1	RVB 219 232 209	#DBE8D1

#C5E9D1 #C8E8D1 #CCE8D1 #D0E8D1 #D3E8D1 #D7E8D1 #DBE8D1

#C5E9D1 - #DBE8D1

Mélange HSV

#C5E9D1 - #DBE8D1 | 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 #C5E9D1 0% et #DBE8D1 100%.

0.0%	0.0% #C5E9D1	RVB 197 233 209	#C5E9D1
16.7%	16.7% #C7E8CD	RVB 199 232 205	#C7E8CD
33.3%	33.3% #C9E8CB	RVB 201 232 203	#C9E8CB
50.0%	50.0% #CCE8CB	RVB 204 232 203	#CCE8CB
66.7%	66.7% #D1E8CD	RVB 209 232 205	#D1E8CD
83.3%	83.3% #D6E8CF	RVB 214 232 207	#D6E8CF
100.0%	100.0% #DBE8D1	RVB 219 232 209	#DBE8D1

#C5E9D1 #C7E8CD #C9E8CB #CCE8CB #D1E8CD #D6E8CF #DBE8D1

#C5E9D1 - #CCE8CB - #DBE8D1

Codes CSS

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

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