#DB4953 - #FF9E5E | 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 #DB4953 à #FF9E5E

#DB4953 #FF9E5E

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

#DB4953 - #FF9E5E | 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 #DB4953 0% et #FF9E5E 100%.

0.0%	0.0% #DB4953	RVB 219 73 83	#DB4953
16.7%	16.7% #E15754	RVB 225 87 84	#E15754
33.3%	33.3% #E76556	RVB 231 101 86	#E76556
50.0%	50.0% #ED7358	RVB 237 115 88	#ED7358
66.7%	66.7% #F3815A	RVB 243 129 90	#F3815A
83.3%	83.3% #F98F5C	RVB 249 143 92	#F98F5C
100.0%	100.0% #FF9E5E	RVB 255 158 94	#FF9E5E

#DB4953 #E15754 #E76556 #ED7358 #F3815A #F98F5C #FF9E5E

#DB4953 - #FF9E5E

Mélange HSV

#DB4953 - #FF9E5E | 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 #DB4953 0% et #FF9E5E 100%.

0.0%	0.0% #DB4953	RVB 219 73 83	#DB4953
16.7%	16.7% #E14D4C	RVB 225 77 76	#E14D4C
33.3%	33.3% #E75C4F	RVB 231 92 79	#E75C4F
50.0%	50.0% #ED6C53	RVB 237 108 83	#ED6C53
66.7%	66.7% #F37C56	RVB 243 124 86	#F37C56
83.3%	83.3% #F98D5A	RVB 249 141 90	#F98D5A
100.0%	100.0% #FF9E5E	RVB 255 158 94	#FF9E5E

#DB4953 #E14D4C #E75C4F #ED6C53 #F37C56 #F98D5A #FF9E5E

#DB4953 - #ED6C53 - #FF9E5E

Codes CSS

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

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