#FFB5B5 - #F45E5E | 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 #FFB5B5 à #F45E5E

#FFB5B5 #F45E5E

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

#FFB5B5 - #F45E5E | 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 #FFB5B5 0% et #F45E5E 100%.

0.0%	0.0% #FFB5B5	RVB 255 181 181	#FFB5B5
16.7%	16.7% #FDA6A6	RVB 253 166 166	#FDA6A6
33.3%	33.3% #FB9898	RVB 251 152 152	#FB9898
50.0%	50.0% #F98989	RVB 249 137 137	#F98989
66.7%	66.7% #F77B7B	RVB 247 123 123	#F77B7B
83.3%	83.3% #F56C6C	RVB 245 108 108	#F56C6C
100.0%	100.0% #F45E5E	RVB 244 94 94	#F45E5E

#FFB5B5 #FDA6A6 #FB9898 #F98989 #F77B7B #F56C6C #F45E5E

#FFB5B5 - #F45E5E

Mélange HSV

#FFB5B5 - #F45E5E | 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 #FFB5B5 0% et #F45E5E 100%.

0.0%	0.0% #FFB5B5	RVB 255 181 181	#FFB5B5
16.7%	16.7% #FDA6A6	RVB 253 166 166	#FDA6A6
33.3%	33.3% #FB9797	RVB 251 151 151	#FB9797
50.0%	50.0% #F98888	RVB 249 136 136	#F98888
66.7%	66.7% #F77A7A	RVB 247 122 122	#F77A7A
83.3%	83.3% #F56C6C	RVB 245 108 108	#F56C6C
100.0%	100.0% #F45E5E	RVB 244 94 94	#F45E5E

#FFB5B5 #FDA6A6 #FB9797 #F98888 #F77A7A #F56C6C #F45E5E

#FFB5B5 - #F98888 - #F45E5E

Codes CSS

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

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