#FF9A8C - #F3EAB5 | 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 #FF9A8C à #F3EAB5

#FF9A8C #F3EAB5

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

#FF9A8C - #F3EAB5 | 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 #FF9A8C 0% et #F3EAB5 100%.

0.0%	0.0% #FF9A8C	RVB 255 154 140	#FF9A8C
16.7%	16.7% #FDA792	RVB 253 167 146	#FDA792
33.3%	33.3% #FBB499	RVB 251 180 153	#FBB499
50.0%	50.0% #F9C2A0	RVB 249 194 160	#F9C2A0
66.7%	66.7% #F7CFA7	RVB 247 207 167	#F7CFA7
83.3%	83.3% #F5DCAE	RVB 245 220 174	#F5DCAE
100.0%	100.0% #F3EAB5	RVB 243 234 181	#F3EAB5

#FF9A8C #FDA792 #FBB499 #F9C2A0 #F7CFA7 #F5DCAE #F3EAB5

#FF9A8C - #F3EAB5

Mélange HSV

#FF9A8C - #F3EAB5 | 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 #FF9A8C 0% et #F3EAB5 100%.

0.0%	0.0% #FF9A8C	RVB 255 154 140	#FF9A8C
16.7%	16.7% #FDAC93	RVB 253 172 147	#FDAC93
33.3%	33.3% #FBBD9A	RVB 251 189 154	#FBBD9A
50.0%	50.0% #F9CCA1	RVB 249 204 161	#F9CCA1
66.7%	66.7% #F7D8A7	RVB 247 216 167	#F7D8A7
83.3%	83.3% #F5E2AE	RVB 245 226 174	#F5E2AE
100.0%	100.0% #F3EAB5	RVB 243 234 181	#F3EAB5

#FF9A8C #FDAC93 #FBBD9A #F9CCA1 #F7D8A7 #F5E2AE #F3EAB5

#FF9A8C - #F9CCA1 - #F3EAB5

Codes CSS

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

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