#DCDAD3 - #3E3C3C | 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 #DCDAD3 à #3E3C3C

#DCDAD3 #3E3C3C

Calculez la couleur entre deux couleurs, #DCDAD3 et #3E3C3C. 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)

#DCDAD3 - #3E3C3C | 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 #DCDAD3 0% et #3E3C3C 100%.

0.0%	0.0% #DCDAD3	RVB 220 218 211	#DCDAD3
16.7%	16.7% #C1BFB9	RVB 193 191 185	#C1BFB9
33.3%	33.3% #A7A5A0	RVB 167 165 160	#A7A5A0
50.0%	50.0% #8D8B87	RVB 141 139 135	#8D8B87
66.7%	66.7% #72706E	RVB 114 112 110	#72706E
83.3%	83.3% #585655	RVB 88 86 85	#585655
100.0%	100.0% #3E3C3C	RVB 62 60 60	#3E3C3C

#DCDAD3 #C1BFB9 #A7A5A0 #8D8B87 #72706E #585655 #3E3C3C

#DCDAD3 - #3E3C3C

Mélange HSV

#DCDAD3 - #3E3C3C | 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 #DCDAD3 0% et #3E3C3C 100%.

0.0%	0.0% #DCDAD3	RVB 220 218 211	#DCDAD3
16.7%	16.7% #C1BEBA	RVB 193 190 186	#C1BEBA
33.3%	33.3% #A7A4A0	RVB 167 164 160	#A7A4A0
50.0%	50.0% #8D8987	RVB 141 137 135	#8D8987
66.7%	66.7% #726F6E	RVB 114 111 110	#726F6E
83.3%	83.3% #585555	RVB 88 85 85	#585555
100.0%	100.0% #3E3C3C	RVB 62 60 60	#3E3C3C

#DCDAD3 #C1BEBA #A7A4A0 #8D8987 #726F6E #585555 #3E3C3C

#DCDAD3 - #8D8987 - #3E3C3C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDAD3 0%, #8D8987 50%, #3E3C3C 100%);
    background: -webkit-linear-gradient(top, #DCDAD3 0%, #8D8987 50%, #3E3C3C 100%);
    background: linear-gradient(to bottom, #DCDAD3 0%, #8D8987 50%, #3E3C3C 100%);
}
</style>