#FF7FD9 - #E2E5E3 | 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 #FF7FD9 à #E2E5E3

#FF7FD9 #E2E5E3

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

#FF7FD9 - #E2E5E3 | 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 #FF7FD9 0% et #E2E5E3 100%.

0.0%	0.0% #FF7FD9	RVB 255 127 217	#FF7FD9
16.7%	16.7% #FA90DA	RVB 250 144 218	#FA90DA
33.3%	33.3% #F5A1DC	RVB 245 161 220	#F5A1DC
50.0%	50.0% #F0B2DE	RVB 240 178 222	#F0B2DE
66.7%	66.7% #EBC3DF	RVB 235 195 223	#EBC3DF
83.3%	83.3% #E6D4E1	RVB 230 212 225	#E6D4E1
100.0%	100.0% #E2E5E3	RVB 226 229 227	#E2E5E3

#FF7FD9 #FA90DA #F5A1DC #F0B2DE #EBC3DF #E6D4E1 #E2E5E3

#FF7FD9 - #E2E5E3

Mélange HSV

#FF7FD9 - #E2E5E3 | 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 #FF7FD9 0% et #E2E5E3 100%.

0.0%	0.0% #FF7FD9	RVB 255 127 217	#FF7FD9
16.7%	16.7% #E591FA	RVB 229 145 250	#E591FA
33.3%	33.3% #BCA2F6	RVB 188 162 246	#BCA2F6
50.0%	50.0% #B3BFF2	RVB 179 191 242	#B3BFF2
66.7%	66.7% #C3E0ED	RVB 195 224 237	#C3E0ED
83.3%	83.3% #D3E9E5	RVB 211 233 229	#D3E9E5
100.0%	100.0% #E2E5E3	RVB 226 229 227	#E2E5E3

#FF7FD9 #E591FA #BCA2F6 #B3BFF2 #C3E0ED #D3E9E5 #E2E5E3

#FF7FD9 - #B3BFF2 - #E2E5E3

Codes CSS

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

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