#AD010B - #310003 | 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 #AD010B à #310003

#AD010B #310003

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

#AD010B - #310003 | 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 #AD010B 0% et #310003 100%.

0.0%	0.0% #AD010B	RVB 173 1 11	#AD010B
16.7%	16.7% #980009	RVB 152 0 9	#980009
33.3%	33.3% #830008	RVB 131 0 8	#830008
50.0%	50.0% #6F0007	RVB 111 0 7	#6F0007
66.7%	66.7% #5A0005	RVB 90 0 5	#5A0005
83.3%	83.3% #450004	RVB 69 0 4	#450004
100.0%	100.0% #310003	RVB 49 0 3	#310003

#AD010B #980009 #830008 #6F0007 #5A0005 #450004 #310003

#AD010B - #310003

Mélange HSV

#AD010B - #310003 | 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 #AD010B 0% et #310003 100%.

0.0%	0.0% #AD000B	RVB 173 0 11	#AD000B
16.7%	16.7% #980009	RVB 152 0 9	#980009
33.3%	33.3% #830008	RVB 131 0 8	#830008
50.0%	50.0% #6F0006	RVB 111 0 6	#6F0006
66.7%	66.7% #5A0005	RVB 90 0 5	#5A0005
83.3%	83.3% #450004	RVB 69 0 4	#450004
100.0%	100.0% #310003	RVB 49 0 3	#310003

#AD000B #980009 #830008 #6F0006 #5A0005 #450004 #310003

#AD010B - #6F0006 - #310003

Codes CSS

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

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