#FF4A5E - #FFAF6B | 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 #FF4A5E à #FFAF6B

#FF4A5E #FFAF6B

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

#FF4A5E - #FFAF6B | 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 #FF4A5E 0% et #FFAF6B 100%.

0.0%	0.0% #FF4A5E	RVB 255 74 94	#FF4A5E
16.7%	16.7% #FF5A60	RVB 255 90 96	#FF5A60
33.3%	33.3% #FF6B62	RVB 255 107 98	#FF6B62
50.0%	50.0% #FF7C64	RVB 255 124 100	#FF7C64
66.7%	66.7% #FF8D66	RVB 255 141 102	#FF8D66
83.3%	83.3% #FF9E68	RVB 255 158 104	#FF9E68
100.0%	100.0% #FFAF6B	RVB 255 175 107	#FFAF6B

#FF4A5E #FF5A60 #FF6B62 #FF7C64 #FF8D66 #FF9E68 #FFAF6B

#FF4A5E - #FFAF6B

Mélange HSV

#FF4A5E - #FFAF6B | 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 #FF4A5E 0% et #FFAF6B 100%.

0.0%	0.0% #FF495E	RVB 255 73 94	#FF495E
16.7%	16.7% #FF4F52	RVB 255 79 82	#FF4F52
33.3%	33.3% #FF6254	RVB 255 98 84	#FF6254
50.0%	50.0% #FF775A	RVB 255 119 90	#FF775A
66.7%	66.7% #FF8A60	RVB 255 138 96	#FF8A60
83.3%	83.3% #FF9D65	RVB 255 157 101	#FF9D65
100.0%	100.0% #FFAF6B	RVB 255 175 107	#FFAF6B

#FF495E #FF4F52 #FF6254 #FF775A #FF8A60 #FF9D65 #FFAF6B

#FF4A5E - #FF775A - #FFAF6B

Codes CSS

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

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