#CB5E2D - #3A1A0C | 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 #CB5E2D à #3A1A0C

#CB5E2D #3A1A0C

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

#CB5E2D - #3A1A0C | 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 #CB5E2D 0% et #3A1A0C 100%.

0.0%	0.0% #CB5E2D	RVB 203 94 45	#CB5E2D
16.7%	16.7% #B25227	RVB 178 82 39	#B25227
33.3%	33.3% #9A4722	RVB 154 71 34	#9A4722
50.0%	50.0% #823C1C	RVB 130 60 28	#823C1C
66.7%	66.7% #6A3017	RVB 106 48 23	#6A3017
83.3%	83.3% #522511	RVB 82 37 17	#522511
100.0%	100.0% #3A1A0C	RVB 58 26 12	#3A1A0C

#CB5E2D #B25227 #9A4722 #823C1C #6A3017 #522511 #3A1A0C

#CB5E2D - #3A1A0C

Mélange HSV

#CB5E2D - #3A1A0C | 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 #CB5E2D 0% et #3A1A0C 100%.

0.0%	0.0% #CB5E2D	RVB 203 94 45	#CB5E2D
16.7%	16.7% #B25227	RVB 178 82 39	#B25227
33.3%	33.3% #9A4621	RVB 154 70 33	#9A4621
50.0%	50.0% #823B1B	RVB 130 59 27	#823B1B
66.7%	66.7% #6A3016	RVB 106 48 22	#6A3016
83.3%	83.3% #522511	RVB 82 37 17	#522511
100.0%	100.0% #3A1A0C	RVB 58 26 12	#3A1A0C

#CB5E2D #B25227 #9A4621 #823B1B #6A3016 #522511 #3A1A0C

#CB5E2D - #823B1B - #3A1A0C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CB5E2D 0%, #823B1B 50%, #3A1A0C 100%);
    background: -webkit-linear-gradient(top, #CB5E2D 0%, #823B1B 50%, #3A1A0C 100%);
    background: linear-gradient(to bottom, #CB5E2D 0%, #823B1B 50%, #3A1A0C 100%);
}
</style>