#DBD4D9 - #D4C5E7 | 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 #DBD4D9 à #D4C5E7

#DBD4D9 #D4C5E7

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

#DBD4D9 - #D4C5E7 | 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 #DBD4D9 0% et #D4C5E7 100%.

0.0%	0.0% #DBD4D9	RVB 219 212 217	#DBD4D9
16.7%	16.7% #D9D1DB	RVB 217 209 219	#D9D1DB
33.3%	33.3% #D8CFDD	RVB 216 207 221	#D8CFDD
50.0%	50.0% #D7CCE0	RVB 215 204 224	#D7CCE0
66.7%	66.7% #D6CAE2	RVB 214 202 226	#D6CAE2
83.3%	83.3% #D5C7E4	RVB 213 199 228	#D5C7E4
100.0%	100.0% #D4C5E7	RVB 212 197 231	#D4C5E7

#DBD4D9 #D9D1DB #D8CFDD #D7CCE0 #D6CAE2 #D5C7E4 #D4C5E7

#DBD4D9 - #D4C5E7

Mélange HSV

#DBD4D9 - #D4C5E7 | 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 #DBD4D9 0% et #D4C5E7 100%.

0.0%	0.0% #DBD4D9	RVB 219 212 217	#DBD4D9
16.7%	16.7% #DDD1DB	RVB 221 209 219	#DDD1DB
33.3%	33.3% #DFCFDE	RVB 223 207 222	#DFCFDE
50.0%	50.0% #DECCE1	RVB 222 204 225	#DECCE1
66.7%	66.7% #DCCAE3	RVB 220 202 227	#DCCAE3
83.3%	83.3% #D8C7E5	RVB 216 199 229	#D8C7E5
100.0%	100.0% #D4C5E7	RVB 212 197 231	#D4C5E7

#DBD4D9 #DDD1DB #DFCFDE #DECCE1 #DCCAE3 #D8C7E5 #D4C5E7

#DBD4D9 - #DECCE1 - #D4C5E7

Codes CSS

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

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