#CA5E3C - #93280E | 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 #CA5E3C à #93280E

#CA5E3C #93280E

Calculez la couleur entre deux couleurs, #CA5E3C et #93280E. 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)

#CA5E3C - #93280E | 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 #CA5E3C 0% et #93280E 100%.

0.0%	0.0% #CA5E3C	RVB 202 94 60	#CA5E3C
16.7%	16.7% #C05534	RVB 192 85 52	#C05534
33.3%	33.3% #B74C2C	RVB 183 76 44	#B74C2C
50.0%	50.0% #AE4325	RVB 174 67 37	#AE4325
66.7%	66.7% #A53A1D	RVB 165 58 29	#A53A1D
83.3%	83.3% #9C3115	RVB 156 49 21	#9C3115
100.0%	100.0% #93280E	RVB 147 40 14	#93280E

#CA5E3C #C05534 #B74C2C #AE4325 #A53A1D #9C3115 #93280E

#CA5E3C - #93280E

Mélange HSV

#CA5E3C - #93280E | 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 #CA5E3C 0% et #93280E 100%.

0.0%	0.0% #CA5D3C	RVB 202 93 60	#CA5D3C
16.7%	16.7% #C05332	RVB 192 83 50	#C05332
33.3%	33.3% #B74A2A	RVB 183 74 42	#B74A2A
50.0%	50.0% #AE4022	RVB 174 64 34	#AE4022
66.7%	66.7% #A5371A	RVB 165 55 26	#A5371A
83.3%	83.3% #9C2F14	RVB 156 47 20	#9C2F14
100.0%	100.0% #93280E	RVB 147 40 14	#93280E

#CA5D3C #C05332 #B74A2A #AE4022 #A5371A #9C2F14 #93280E

#CA5E3C - #AE4022 - #93280E

Codes CSS

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

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