#DC143C - #3E0511 | 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 #DC143C à #3E0511

#DC143C #3E0511

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

#DC143C - #3E0511 | 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 #DC143C 0% et #3E0511 100%.

0.0%	0.0% #DC143C	RVB 220 20 60	#DC143C
16.7%	16.7% #C11134	RVB 193 17 52	#C11134
33.3%	33.3% #A70F2D	RVB 167 15 45	#A70F2D
50.0%	50.0% #8D0C26	RVB 141 12 38	#8D0C26
66.7%	66.7% #720A1F	RVB 114 10 31	#720A1F
83.3%	83.3% #580718	RVB 88 7 24	#580718
100.0%	100.0% #3E0511	RVB 62 5 17	#3E0511

#DC143C #C11134 #A70F2D #8D0C26 #720A1F #580718 #3E0511

#DC143C - #3E0511

Mélange HSV

#DC143C - #3E0511 | 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 #DC143C 0% et #3E0511 100%.

0.0%	0.0% #DC133C	RVB 220 19 60	#DC133C
16.7%	16.7% #C11134	RVB 193 17 52	#C11134
33.3%	33.3% #A70E2D	RVB 167 14 45	#A70E2D
50.0%	50.0% #8D0C26	RVB 141 12 38	#8D0C26
66.7%	66.7% #72091F	RVB 114 9 31	#72091F
83.3%	83.3% #580718	RVB 88 7 24	#580718
100.0%	100.0% #3E0511	RVB 62 5 17	#3E0511

#DC133C #C11134 #A70E2D #8D0C26 #72091F #580718 #3E0511

#DC143C - #8D0C26 - #3E0511

Codes CSS

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

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