#EB6DA8 - #FED3C7 | 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 #EB6DA8 à #FED3C7

#EB6DA8 #FED3C7

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

#EB6DA8 - #FED3C7 | 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 #EB6DA8 0% et #FED3C7 100%.

0.0%	0.0% #EB6DA8	RVB 235 109 168	#EB6DA8
16.7%	16.7% #EE7EAD	RVB 238 126 173	#EE7EAD
33.3%	33.3% #F18FB2	RVB 241 143 178	#F18FB2
50.0%	50.0% #F4A0B7	RVB 244 160 183	#F4A0B7
66.7%	66.7% #F7B1BC	RVB 247 177 188	#F7B1BC
83.3%	83.3% #FAC2C1	RVB 250 194 193	#FAC2C1
100.0%	100.0% #FED3C7	RVB 254 211 199	#FED3C7

#EB6DA8 #EE7EAD #F18FB2 #F4A0B7 #F7B1BC #FAC2C1 #FED3C7

#EB6DA8 - #FED3C7

Mélange HSV

#EB6DA8 - #FED3C7 | 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 #EB6DA8 0% et #FED3C7 100%.

0.0%	0.0% #EB6DA8	RVB 235 109 168	#EB6DA8
16.7%	16.7% #EE7BA3	RVB 238 123 163	#EE7BA3
33.3%	33.3% #F189A2	RVB 241 137 162	#F189A2
50.0%	50.0% #F498A3	RVB 244 152 163	#F498A3
66.7%	66.7% #F7A7A8	RVB 247 167 168	#F7A7A8
83.3%	83.3% #FABEB7	RVB 250 190 183	#FABEB7
100.0%	100.0% #FED3C7	RVB 254 211 199	#FED3C7

#EB6DA8 #EE7BA3 #F189A2 #F498A3 #F7A7A8 #FABEB7 #FED3C7

#EB6DA8 - #F498A3 - #FED3C7

Codes CSS

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

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