#C1010C - #FF3600 | 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 #C1010C à #FF3600

#C1010C #FF3600

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

#C1010C - #FF3600 | 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 #C1010C 0% et #FF3600 100%.

0.0%	0.0% #C1010C	RVB 193 1 12	#C1010C
16.7%	16.7% #CB090A	RVB 203 9 10	#CB090A
33.3%	33.3% #D51208	RVB 213 18 8	#D51208
50.0%	50.0% #E01B06	RVB 224 27 6	#E01B06
66.7%	66.7% #EA2404	RVB 234 36 4	#EA2404
83.3%	83.3% #F42D02	RVB 244 45 2	#F42D02
100.0%	100.0% #FF3600	RVB 255 54 0	#FF3600

#C1010C #CB090A #D51208 #E01B06 #EA2404 #F42D02 #FF3600

#C1010C - #FF3600

Mélange HSV

#C1010C - #FF3600 | 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 #C1010C 0% et #FF3600 100%.

0.0%	0.0% #C1010B	RVB 193 1 11	#C1010B
16.7%	16.7% #CB0003	RVB 203 0 3	#CB0003
33.3%	33.3% #D50700	RVB 213 7 0	#D50700
50.0%	50.0% #E01100	RVB 224 17 0	#E01100
66.7%	66.7% #EA1C00	RVB 234 28 0	#EA1C00
83.3%	83.3% #F42900	RVB 244 41 0	#F42900
100.0%	100.0% #FF3600	RVB 255 54 0	#FF3600

#C1010B #CB0003 #D50700 #E01100 #EA1C00 #F42900 #FF3600

#C1010C - #E01100 - #FF3600

Codes CSS

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

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