#EB6FB3 - #F9D5E9 | 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 #EB6FB3 à #F9D5E9

#EB6FB3 #F9D5E9

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

#EB6FB3 - #F9D5E9 | 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 #EB6FB3 0% et #F9D5E9 100%.

0.0%	0.0% #EB6FB3	RVB 235 111 179	#EB6FB3
16.7%	16.7% #ED80BC	RVB 237 128 188	#ED80BC
33.3%	33.3% #EF91C5	RVB 239 145 197	#EF91C5
50.0%	50.0% #F2A2CE	RVB 242 162 206	#F2A2CE
66.7%	66.7% #F4B3D7	RVB 244 179 215	#F4B3D7
83.3%	83.3% #F6C4E0	RVB 246 196 224	#F6C4E0
100.0%	100.0% #F9D5E9	RVB 249 213 233	#F9D5E9

#EB6FB3 #ED80BC #EF91C5 #F2A2CE #F4B3D7 #F6C4E0 #F9D5E9

#EB6FB3 - #F9D5E9

Mélange HSV

#EB6FB3 - #F9D5E9 | 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 #EB6FB3 0% et #F9D5E9 100%.

0.0%	0.0% #EB6FB2	RVB 235 111 178	#EB6FB2
16.7%	16.7% #ED7FBB	RVB 237 127 187	#ED7FBB
33.3%	33.3% #EF8FC4	RVB 239 143 196	#EF8FC4
50.0%	50.0% #F2A0CD	RVB 242 160 205	#F2A0CD
66.7%	66.7% #F4B1D6	RVB 244 177 214	#F4B1D6
83.3%	83.3% #F6C3DF	RVB 246 195 223	#F6C3DF
100.0%	100.0% #F9D5E9	RVB 249 213 233	#F9D5E9

#EB6FB2 #ED7FBB #EF8FC4 #F2A0CD #F4B1D6 #F6C3DF #F9D5E9

#EB6FB3 - #F2A0CD - #F9D5E9

Codes CSS

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

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