#FF5E5A - #FFD1CF | 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 #FF5E5A à #FFD1CF

#FF5E5A #FFD1CF

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

#FF5E5A - #FFD1CF | 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 #FF5E5A 0% et #FFD1CF 100%.

0.0%	0.0% #FF5E5A	RVB 255 94 90	#FF5E5A
16.7%	16.7% #FF716D	RVB 255 113 109	#FF716D
33.3%	33.3% #FF8481	RVB 255 132 129	#FF8481
50.0%	50.0% #FF9794	RVB 255 151 148	#FF9794
66.7%	66.7% #FFAAA8	RVB 255 170 168	#FFAAA8
83.3%	83.3% #FFBDBB	RVB 255 189 187	#FFBDBB
100.0%	100.0% #FFD1CF	RVB 255 209 207	#FFD1CF

#FF5E5A #FF716D #FF8481 #FF9794 #FFAAA8 #FFBDBB #FFD1CF

#FF5E5A - #FFD1CF

Mélange HSV

#FF5E5A - #FFD1CF | 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 #FF5E5A 0% et #FFD1CF 100%.

0.0%	0.0% #FF5D59	RVB 255 93 89	#FF5D59
16.7%	16.7% #FF716D	RVB 255 113 109	#FF716D
33.3%	33.3% #FF8481	RVB 255 132 129	#FF8481
50.0%	50.0% #FF9894	RVB 255 152 148	#FF9894
66.7%	66.7% #FFABA8	RVB 255 171 168	#FFABA8
83.3%	83.3% #FFBEBB	RVB 255 190 187	#FFBEBB
100.0%	100.0% #FFD1CF	RVB 255 209 207	#FFD1CF

#FF5D59 #FF716D #FF8481 #FF9894 #FFABA8 #FFBEBB #FFD1CF

#FF5E5A - #FF9894 - #FFD1CF

Codes CSS

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

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