#DBD5D1 - #FFF5E4 | 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 #DBD5D1 à #FFF5E4

#DBD5D1 #FFF5E4

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

#DBD5D1 - #FFF5E4 | 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 #DBD5D1 0% et #FFF5E4 100%.

0.0%	0.0% #DBD5D1	RVB 219 213 209	#DBD5D1
16.7%	16.7% #E1DAD4	RVB 225 218 212	#E1DAD4
33.3%	33.3% #E7DFD7	RVB 231 223 215	#E7DFD7
50.0%	50.0% #EDE5DA	RVB 237 229 218	#EDE5DA
66.7%	66.7% #F3EADD	RVB 243 234 221	#F3EADD
83.3%	83.3% #F9EFE0	RVB 249 239 224	#F9EFE0
100.0%	100.0% #FFF5E4	RVB 255 245 228	#FFF5E4

#DBD5D1 #E1DAD4 #E7DFD7 #EDE5DA #F3EADD #F9EFE0 #FFF5E4

#DBD5D1 - #FFF5E4

Mélange HSV

#DBD5D1 - #FFF5E4 | 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 #DBD5D1 0% et #FFF5E4 100%.

0.0%	0.0% #DBD5D1	RVB 219 213 209	#DBD5D1
16.7%	16.7% #E1D9D4	RVB 225 217 212	#E1D9D4
33.3%	33.3% #E7DFD7	RVB 231 223 215	#E7DFD7
50.0%	50.0% #EDE4DB	RVB 237 228 219	#EDE4DB
66.7%	66.7% #F3E9DE	RVB 243 233 222	#F3E9DE
83.3%	83.3% #F9EFE1	RVB 249 239 225	#F9EFE1
100.0%	100.0% #FFF5E4	RVB 255 245 228	#FFF5E4

#DBD5D1 #E1D9D4 #E7DFD7 #EDE4DB #F3E9DE #F9EFE1 #FFF5E4

#DBD5D1 - #EDE4DB - #FFF5E4

Codes CSS

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

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