#AB154E - #FB5E5E | 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 #AB154E à #FB5E5E

#AB154E #FB5E5E

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

#AB154E - #FB5E5E | 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 #AB154E 0% et #FB5E5E 100%.

0.0%	0.0% #AB154E	RVB 171 21 78	#AB154E
16.7%	16.7% #B82150	RVB 184 33 80	#B82150
33.3%	33.3% #C52D53	RVB 197 45 83	#C52D53
50.0%	50.0% #D33956	RVB 211 57 86	#D33956
66.7%	66.7% #E04558	RVB 224 69 88	#E04558
83.3%	83.3% #ED515B	RVB 237 81 91	#ED515B
100.0%	100.0% #FB5E5E	RVB 251 94 94	#FB5E5E

#AB154E #B82150 #C52D53 #D33956 #E04558 #ED515B #FB5E5E

#AB154E - #FB5E5E

Mélange HSV

#AB154E - #FB5E5E | 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 #AB154E 0% et #FB5E5E 100%.

0.0%	0.0% #AB154E	RVB 171 21 78	#AB154E
16.7%	16.7% #B81E4F	RVB 184 30 79	#B81E4F
33.3%	33.3% #C52850	RVB 197 40 80	#C52850
50.0%	50.0% #D33452	RVB 211 52 82	#D33452
66.7%	66.7% #E04155	RVB 224 65 85	#E04155
83.3%	83.3% #ED4F59	RVB 237 79 89	#ED4F59
100.0%	100.0% #FB5E5E	RVB 251 94 94	#FB5E5E

#AB154E #B81E4F #C52850 #D33452 #E04155 #ED4F59 #FB5E5E

#AB154E - #D33452 - #FB5E5E

Codes CSS

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

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