#FF5E8C - #FFCAA7 | 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 #FF5E8C à #FFCAA7

#FF5E8C #FFCAA7

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

#FF5E8C - #FFCAA7 | 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 #FF5E8C 0% et #FFCAA7 100%.

0.0%	0.0% #FF5E8C	RVB 255 94 140	#FF5E8C
16.7%	16.7% #FF7090	RVB 255 112 144	#FF7090
33.3%	33.3% #FF8295	RVB 255 130 149	#FF8295
50.0%	50.0% #FF9499	RVB 255 148 153	#FF9499
66.7%	66.7% #FFA69E	RVB 255 166 158	#FFA69E
83.3%	83.3% #FFB8A2	RVB 255 184 162	#FFB8A2
100.0%	100.0% #FFCAA7	RVB 255 202 167	#FFCAA7

#FF5E8C #FF7090 #FF8295 #FF9499 #FFA69E #FFB8A2 #FFCAA7

#FF5E8C - #FFCAA7

Mélange HSV

#FF5E8C - #FFCAA7 | 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 #FF5E8C 0% et #FFCAA7 100%.

0.0%	0.0% #FF5D8B	RVB 255 93 139	#FF5D8B
16.7%	16.7% #FF6A83	RVB 255 106 131	#FF6A83
33.3%	33.3% #FF767E	RVB 255 118 126	#FF767E
50.0%	50.0% #FF8982	RVB 255 137 130	#FF8982
66.7%	66.7% #FFA18E	RVB 255 161 142	#FFA18E
83.3%	83.3% #FFB79A	RVB 255 183 154	#FFB79A
100.0%	100.0% #FFCAA7	RVB 255 202 167	#FFCAA7

#FF5D8B #FF6A83 #FF767E #FF8982 #FFA18E #FFB79A #FFCAA7

#FF5E8C - #FF8982 - #FFCAA7

Codes CSS

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

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