#6B111B - #AB3E5E | 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 #6B111B à #AB3E5E

#6B111B #AB3E5E

Calculez la couleur entre deux couleurs, #6B111B et #AB3E5E. 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)

#6B111B - #AB3E5E | 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 #6B111B 0% et #AB3E5E 100%.

0.0%	0.0% #6B111B	RVB 107 17 27	#6B111B
16.7%	16.7% #751826	RVB 117 24 38	#751826
33.3%	33.3% #802031	RVB 128 32 49	#802031
50.0%	50.0% #8B273C	RVB 139 39 60	#8B273C
66.7%	66.7% #952F47	RVB 149 47 71	#952F47
83.3%	83.3% #A03652	RVB 160 54 82	#A03652
100.0%	100.0% #AB3E5E	RVB 171 62 94	#AB3E5E

#6B111B #751826 #802031 #8B273C #952F47 #A03652 #AB3E5E

#6B111B - #AB3E5E

Mélange HSV

#6B111B - #AB3E5E | 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 #6B111B 0% et #AB3E5E 100%.

0.0%	0.0% #6B111A	RVB 107 17 26	#6B111A
16.7%	16.7% #751624	RVB 117 22 36	#751624
33.3%	33.3% #801D2E	RVB 128 29 46	#801D2E
50.0%	50.0% #8B2439	RVB 139 36 57	#8B2439
66.7%	66.7% #952C44	RVB 149 44 68	#952C44
83.3%	83.3% #A03451	RVB 160 52 81	#A03451
100.0%	100.0% #AB3E5E	RVB 171 62 94	#AB3E5E

#6B111A #751624 #801D2E #8B2439 #952C44 #A03451 #AB3E5E

#6B111B - #8B2439 - #AB3E5E

Codes CSS

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

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