#FF5E6B - #B2112B | 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 #FF5E6B à #B2112B

#FF5E6B #B2112B

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

#FF5E6B - #B2112B | 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 #FF5E6B 0% et #B2112B 100%.

0.0%	0.0% #FF5E6B	RVB 255 94 107	#FF5E6B
16.7%	16.7% #F25160	RVB 242 81 96	#F25160
33.3%	33.3% #E54455	RVB 229 68 85	#E54455
50.0%	50.0% #D8374B	RVB 216 55 75	#D8374B
66.7%	66.7% #CB2A40	RVB 203 42 64	#CB2A40
83.3%	83.3% #BE1D35	RVB 190 29 53	#BE1D35
100.0%	100.0% #B2112B	RVB 178 17 43	#B2112B

#FF5E6B #F25160 #E54455 #D8374B #CB2A40 #BE1D35 #B2112B

#FF5E6B - #B2112B

Mélange HSV

#FF5E6B - #B2112B | 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 #FF5E6B 0% et #B2112B 100%.

0.0%	0.0% #FF5D6A	RVB 255 93 106	#FF5D6A
16.7%	16.7% #F24E5D	RVB 242 78 93	#F24E5D
33.3%	33.3% #E53F51	RVB 229 63 81	#E53F51
50.0%	50.0% #D83246	RVB 216 50 70	#D83246
66.7%	66.7% #CB253C	RVB 203 37 60	#CB253C
83.3%	83.3% #BE1A33	RVB 190 26 51	#BE1A33
100.0%	100.0% #B2112B	RVB 178 17 43	#B2112B

#FF5D6A #F24E5D #E53F51 #D83246 #CB253C #BE1A33 #B2112B

#FF5E6B - #D83246 - #B2112B

Codes CSS

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

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