#DB5E3D - #A3260E | 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 #DB5E3D à #A3260E

#DB5E3D #A3260E

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

#DB5E3D - #A3260E | 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 #DB5E3D 0% et #A3260E 100%.

0.0%	0.0% #DB5E3D	RVB 219 94 61	#DB5E3D
16.7%	16.7% #D15435	RVB 209 84 53	#D15435
33.3%	33.3% #C84B2D	RVB 200 75 45	#C84B2D
50.0%	50.0% #BF4225	RVB 191 66 37	#BF4225
66.7%	66.7% #B5381D	RVB 181 56 29	#B5381D
83.3%	83.3% #AC2F15	RVB 172 47 21	#AC2F15
100.0%	100.0% #A3260E	RVB 163 38 14	#A3260E

#DB5E3D #D15435 #C84B2D #BF4225 #B5381D #AC2F15 #A3260E

#DB5E3D - #A3260E

Mélange HSV

#DB5E3D - #A3260E | 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 #DB5E3D 0% et #A3260E 100%.

0.0%	0.0% #DB5E3D	RVB 219 94 61	#DB5E3D
16.7%	16.7% #D15333	RVB 209 83 51	#D15333
33.3%	33.3% #C8492A	RVB 200 73 42	#C8492A
50.0%	50.0% #BF3F22	RVB 191 63 34	#BF3F22
66.7%	66.7% #B5361B	RVB 181 54 27	#B5361B
83.3%	83.3% #AC2E14	RVB 172 46 20	#AC2E14
100.0%	100.0% #A3260E	RVB 163 38 14	#A3260E

#DB5E3D #D15333 #C8492A #BF3F22 #B5361B #AC2E14 #A3260E

#DB5E3D - #BF3F22 - #A3260E

Codes CSS

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

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