#DBDBDC - #E3E7DF | 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 #DBDBDC à #E3E7DF

#DBDBDC #E3E7DF

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

#DBDBDC - #E3E7DF | 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 #DBDBDC 0% et #E3E7DF 100%.

0.0%	0.0% #DBDBDC	RVB 219 219 220	#DBDBDC
16.7%	16.7% #DCDDDC	RVB 220 221 220	#DCDDDC
33.3%	33.3% #DDDFDD	RVB 221 223 221	#DDDFDD
50.0%	50.0% #DFE1DD	RVB 223 225 221	#DFE1DD
66.7%	66.7% #E0E3DE	RVB 224 227 222	#E0E3DE
83.3%	83.3% #E1E5DE	RVB 225 229 222	#E1E5DE
100.0%	100.0% #E3E7DF	RVB 227 231 223	#E3E7DF

#DBDBDC #DCDDDC #DDDFDD #DFE1DD #E0E3DE #E1E5DE #E3E7DF

#DBDBDC - #E3E7DF

Mélange HSV

#DBDBDC - #E3E7DF | 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 #DBDBDC 0% et #E3E7DF 100%.

0.0%	0.0% #DBDBDC	RVB 219 219 220	#DBDBDC
16.7%	16.7% #DBDCDD	RVB 219 220 221	#DBDCDD
33.3%	33.3% #DCDFDF	RVB 220 223 223	#DCDFDF
50.0%	50.0% #DDE1E0	RVB 221 225 224	#DDE1E0
66.7%	66.7% #DDE3DF	RVB 221 227 223	#DDE3DF
83.3%	83.3% #DEE5DE	RVB 222 229 222	#DEE5DE
100.0%	100.0% #E3E7DF	RVB 227 231 223	#E3E7DF

#DBDBDC #DBDCDD #DCDFDF #DDE1E0 #DDE3DF #DEE5DE #E3E7DF

#DBDBDC - #DDE1E0 - #E3E7DF

Codes CSS

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

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