#FF3AC2 - #AC007E | 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 #FF3AC2 à #AC007E

#FF3AC2 #AC007E

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

#FF3AC2 - #AC007E | 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 #FF3AC2 0% et #AC007E 100%.

0.0%	0.0% #FF3AC2	RVB 255 58 194	#FF3AC2
16.7%	16.7% #F130B6	RVB 241 48 182	#F130B6
33.3%	33.3% #E326AB	RVB 227 38 171	#E326AB
50.0%	50.0% #D51DA0	RVB 213 29 160	#D51DA0
66.7%	66.7% #C71394	RVB 199 19 148	#C71394
83.3%	83.3% #B90989	RVB 185 9 137	#B90989
100.0%	100.0% #AC007E	RVB 172 0 126	#AC007E

#FF3AC2 #F130B6 #E326AB #D51DA0 #C71394 #B90989 #AC007E

#FF3AC2 - #AC007E

Mélange HSV

#FF3AC2 - #AC007E | 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 #FF3AC2 0% et #AC007E 100%.

0.0%	0.0% #FF39C2	RVB 255 57 194	#FF39C2
16.7%	16.7% #F12DB6	RVB 241 45 182	#F12DB6
33.3%	33.3% #E322AA	RVB 227 34 170	#E322AA
50.0%	50.0% #D5189E	RVB 213 24 158	#D5189E
66.7%	66.7% #C70F93	RVB 199 15 147	#C70F93
83.3%	83.3% #B90788	RVB 185 7 136	#B90788
100.0%	100.0% #AC007E	RVB 172 0 126	#AC007E

#FF39C2 #F12DB6 #E322AA #D5189E #C70F93 #B90788 #AC007E

#FF3AC2 - #D5189E - #AC007E

Codes CSS

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

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