#F14B5E - #FFAA6B | 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 #F14B5E à #FFAA6B

#F14B5E #FFAA6B

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

#F14B5E - #FFAA6B | 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 #F14B5E 0% et #FFAA6B 100%.

0.0%	0.0% #F14B5E	RVB 241 75 94	#F14B5E
16.7%	16.7% #F35A60	RVB 243 90 96	#F35A60
33.3%	33.3% #F56A62	RVB 245 106 98	#F56A62
50.0%	50.0% #F87A64	RVB 248 122 100	#F87A64
66.7%	66.7% #FA8A66	RVB 250 138 102	#FA8A66
83.3%	83.3% #FC9A68	RVB 252 154 104	#FC9A68
100.0%	100.0% #FFAA6B	RVB 255 170 107	#FFAA6B

#F14B5E #F35A60 #F56A62 #F87A64 #FA8A66 #FC9A68 #FFAA6B

#F14B5E - #FFAA6B

Mélange HSV

#F14B5E - #FFAA6B | 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 #F14B5E 0% et #FFAA6B 100%.

0.0%	0.0% #F14B5D	RVB 241 75 93	#F14B5D
16.7%	16.7% #F35054	RVB 243 80 84	#F35054
33.3%	33.3% #F55F55	RVB 245 95 85	#F55F55
50.0%	50.0% #F8735A	RVB 248 115 90	#F8735A
66.7%	66.7% #FA855F	RVB 250 133 95	#FA855F
83.3%	83.3% #FC9865	RVB 252 152 101	#FC9865
100.0%	100.0% #FFAA6B	RVB 255 170 107	#FFAA6B

#F14B5D #F35054 #F55F55 #F8735A #FA855F #FC9865 #FFAA6B

#F14B5E - #F8735A - #FFAA6B

Codes CSS

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

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