#AF4D5E - #FB9A70 | 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 #AF4D5E à #FB9A70

#AF4D5E #FB9A70

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

#AF4D5E - #FB9A70 | 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 #AF4D5E 0% et #FB9A70 100%.

0.0%	0.0% #AF4D5E	RVB 175 77 94	#AF4D5E
16.7%	16.7% #BB5961	RVB 187 89 97	#BB5961
33.3%	33.3% #C86664	RVB 200 102 100	#C86664
50.0%	50.0% #D57367	RVB 213 115 103	#D57367
66.7%	66.7% #E1806A	RVB 225 128 106	#E1806A
83.3%	83.3% #EE8D6D	RVB 238 141 109	#EE8D6D
100.0%	100.0% #FB9A70	RVB 251 154 112	#FB9A70

#AF4D5E #BB5961 #C86664 #D57367 #E1806A #EE8D6D #FB9A70

#AF4D5E - #FB9A70

Mélange HSV

#AF4D5E - #FB9A70 | 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 #AF4D5E 0% et #FB9A70 100%.

0.0%	0.0% #AF4D5E	RVB 175 77 94	#AF4D5E
16.7%	16.7% #BB525C	RVB 187 82 92	#BB525C
33.3%	33.3% #C8585A	RVB 200 88 90	#C8585A
50.0%	50.0% #D5665E	RVB 213 102 94	#D5665E
66.7%	66.7% #E17664	RVB 225 118 100	#E17664
83.3%	83.3% #EE876A	RVB 238 135 106	#EE876A
100.0%	100.0% #FB9A70	RVB 251 154 112	#FB9A70

#AF4D5E #BB525C #C8585A #D5665E #E17664 #EE876A #FB9A70

#AF4D5E - #D5665E - #FB9A70

Codes CSS

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

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