#BA2B5E - #FF7E70 | 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 #BA2B5E à #FF7E70

#BA2B5E #FF7E70

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

#BA2B5E - #FF7E70 | 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 #BA2B5E 0% et #FF7E70 100%.

0.0%	0.0% #BA2B5E	RVB 186 43 94	#BA2B5E
16.7%	16.7% #C53861	RVB 197 56 97	#C53861
33.3%	33.3% #D14664	RVB 209 70 100	#D14664
50.0%	50.0% #DC5467	RVB 220 84 103	#DC5467
66.7%	66.7% #E8626A	RVB 232 98 106	#E8626A
83.3%	83.3% #F3706D	RVB 243 112 109	#F3706D
100.0%	100.0% #FF7E70	RVB 255 126 112	#FF7E70

#BA2B5E #C53861 #D14664 #DC5467 #E8626A #F3706D #FF7E70

#BA2B5E - #FF7E70

Mélange HSV

#BA2B5E - #FF7E70 | 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 #BA2B5E 0% et #FF7E70 100%.

0.0%	0.0% #BA2B5E	RVB 186 43 94	#BA2B5E
16.7%	16.7% #C5345D	RVB 197 52 93	#C5345D
33.3%	33.3% #D13E5C	RVB 209 62 92	#D13E5C
50.0%	50.0% #DC495C	RVB 220 73 92	#DC495C
66.7%	66.7% #E8555D	RVB 232 85 93	#E8555D
83.3%	83.3% #F36562	RVB 243 101 98	#F36562
100.0%	100.0% #FF7E70	RVB 255 126 112	#FF7E70

#BA2B5E #C5345D #D13E5C #DC495C #E8555D #F36562 #FF7E70

#BA2B5E - #DC495C - #FF7E70

Codes CSS

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

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