#C5EAD1 - #D7ECCD | 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 #C5EAD1 à #D7ECCD

#C5EAD1 #D7ECCD

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

#C5EAD1 - #D7ECCD | 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 #C5EAD1 0% et #D7ECCD 100%.

0.0%	0.0% #C5EAD1	RVB 197 234 209	#C5EAD1
16.7%	16.7% #C8EAD0	RVB 200 234 208	#C8EAD0
33.3%	33.3% #CBEACF	RVB 203 234 207	#CBEACF
50.0%	50.0% #CEEBCF	RVB 206 235 207	#CEEBCF
66.7%	66.7% #D1EBCE	RVB 209 235 206	#D1EBCE
83.3%	83.3% #D4EBCD	RVB 212 235 205	#D4EBCD
100.0%	100.0% #D7ECCD	RVB 215 236 205	#D7ECCD

#C5EAD1 #C8EAD0 #CBEACF #CEEBCF #D1EBCE #D4EBCD #D7ECCD

#C5EAD1 - #D7ECCD

Mélange HSV

#C5EAD1 - #D7ECCD | 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 #C5EAD1 0% et #D7ECCD 100%.

0.0%	0.0% #C5EAD1	RVB 197 234 209	#C5EAD1
16.7%	16.7% #C6EACE	RVB 198 234 206	#C6EACE
33.3%	33.3% #C7EACB	RVB 199 234 203	#C7EACB
50.0%	50.0% #C8EBC9	RVB 200 235 201	#C8EBC9
66.7%	66.7% #CDEBCA	RVB 205 235 202	#CDEBCA
83.3%	83.3% #D2EBCB	RVB 210 235 203	#D2EBCB
100.0%	100.0% #D7ECCD	RVB 215 236 205	#D7ECCD

#C5EAD1 #C6EACE #C7EACB #C8EBC9 #CDEBCA #D2EBCB #D7ECCD

#C5EAD1 - #C8EBC9 - #D7ECCD

Codes CSS

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

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