#EB6FA7 - #F9D5E5 | 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 #EB6FA7 à #F9D5E5

#EB6FA7 #F9D5E5

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

#EB6FA7 - #F9D5E5 | 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 #EB6FA7 0% et #F9D5E5 100%.

0.0%	0.0% #EB6FA7	RVB 235 111 167	#EB6FA7
16.7%	16.7% #ED80B1	RVB 237 128 177	#ED80B1
33.3%	33.3% #EF91BB	RVB 239 145 187	#EF91BB
50.0%	50.0% #F2A2C6	RVB 242 162 198	#F2A2C6
66.7%	66.7% #F4B3D0	RVB 244 179 208	#F4B3D0
83.3%	83.3% #F6C4DA	RVB 246 196 218	#F6C4DA
100.0%	100.0% #F9D5E5	RVB 249 213 229	#F9D5E5

#EB6FA7 #ED80B1 #EF91BB #F2A2C6 #F4B3D0 #F6C4DA #F9D5E5

#EB6FA7 - #F9D5E5

Mélange HSV

#EB6FA7 - #F9D5E5 | 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 #EB6FA7 0% et #F9D5E5 100%.

0.0%	0.0% #EB6FA7	RVB 235 111 167	#EB6FA7
16.7%	16.7% #ED7FB0	RVB 237 127 176	#ED7FB0
33.3%	33.3% #EF8FBA	RVB 239 143 186	#EF8FBA
50.0%	50.0% #F2A0C5	RVB 242 160 197	#F2A0C5
66.7%	66.7% #F4B1CF	RVB 244 177 207	#F4B1CF
83.3%	83.3% #F6C3DA	RVB 246 195 218	#F6C3DA
100.0%	100.0% #F9D5E5	RVB 249 213 229	#F9D5E5

#EB6FA7 #ED7FB0 #EF8FBA #F2A0C5 #F4B1CF #F6C3DA #F9D5E5

#EB6FA7 - #F2A0C5 - #F9D5E5

Codes CSS

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

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