#EB8C92 - #FDDBAA | 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 #EB8C92 à #FDDBAA

#EB8C92 #FDDBAA

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

#EB8C92 - #FDDBAA | 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 #EB8C92 0% et #FDDBAA 100%.

0.0%	0.0% #EB8C92	RVB 235 140 146	#EB8C92
16.7%	16.7% #EE9996	RVB 238 153 150	#EE9996
33.3%	33.3% #F1A69A	RVB 241 166 154	#F1A69A
50.0%	50.0% #F4B39E	RVB 244 179 158	#F4B39E
66.7%	66.7% #F7C0A2	RVB 247 192 162	#F7C0A2
83.3%	83.3% #FACDA6	RVB 250 205 166	#FACDA6
100.0%	100.0% #FDDBAA	RVB 253 219 170	#FDDBAA

#EB8C92 #EE9996 #F1A69A #F4B39E #F7C0A2 #FACDA6 #FDDBAA

#EB8C92 - #FDDBAA

Mélange HSV

#EB8C92 - #FDDBAA | 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 #EB8C92 0% et #FDDBAA 100%.

0.0%	0.0% #EB8C91	RVB 235 140 145	#EB8C91
16.7%	16.7% #EE9590	RVB 238 149 144	#EE9590
33.3%	33.3% #F1A395	RVB 241 163 149	#F1A395
50.0%	50.0% #F4B29A	RVB 244 178 154	#F4B29A
66.7%	66.7% #F7C09F	RVB 247 192 159	#F7C09F
83.3%	83.3% #FACDA4	RVB 250 205 164	#FACDA4
100.0%	100.0% #FDDBAA	RVB 253 219 170	#FDDBAA

#EB8C91 #EE9590 #F1A395 #F4B29A #F7C09F #FACDA4 #FDDBAA

#EB8C92 - #F4B29A - #FDDBAA

Codes CSS

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

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