#FF4A54 - #FFAC5E | 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 #FF4A54 à #FFAC5E

#FF4A54 #FFAC5E

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

#FF4A54 - #FFAC5E | 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 #FF4A54 0% et #FFAC5E 100%.

0.0%	0.0% #FF4A54	RVB 255 74 84	#FF4A54
16.7%	16.7% #FF5A55	RVB 255 90 85	#FF5A55
33.3%	33.3% #FF6A57	RVB 255 106 87	#FF6A57
50.0%	50.0% #FF7B59	RVB 255 123 89	#FF7B59
66.7%	66.7% #FF8B5A	RVB 255 139 90	#FF8B5A
83.3%	83.3% #FF9B5C	RVB 255 155 92	#FF9B5C
100.0%	100.0% #FFAC5E	RVB 255 172 94	#FFAC5E

#FF4A54 #FF5A55 #FF6A57 #FF7B59 #FF8B5A #FF9B5C #FFAC5E

#FF4A54 - #FFAC5E

Mélange HSV

#FF4A54 - #FFAC5E | 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 #FF4A54 0% et #FFAC5E 100%.

0.0%	0.0% #FF4953	RVB 255 73 83	#FF4953
16.7%	16.7% #FF534D	RVB 255 83 77	#FF534D
33.3%	33.3% #FF6650	RVB 255 102 80	#FF6650
50.0%	50.0% #FF7853	RVB 255 120 83	#FF7853
66.7%	66.7% #FF8A57	RVB 255 138 87	#FF8A57
83.3%	83.3% #FF9B5A	RVB 255 155 90	#FF9B5A
100.0%	100.0% #FFAC5E	RVB 255 172 94	#FFAC5E

#FF4953 #FF534D #FF6650 #FF7853 #FF8A57 #FF9B5A #FFAC5E

#FF4A54 - #FF7853 - #FFAC5E

Codes CSS

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

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