#FF5E5E - #FFC37C | 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 #FF5E5E à #FFC37C

#FF5E5E #FFC37C

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

#FF5E5E - #FFC37C | 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 #FF5E5E 0% et #FFC37C 100%.

0.0%	0.0% #FF5E5E	RVB 255 94 94	#FF5E5E
16.7%	16.7% #FF6E63	RVB 255 110 99	#FF6E63
33.3%	33.3% #FF7F68	RVB 255 127 104	#FF7F68
50.0%	50.0% #FF906D	RVB 255 144 109	#FF906D
66.7%	66.7% #FFA172	RVB 255 161 114	#FFA172
83.3%	83.3% #FFB277	RVB 255 178 119	#FFB277
100.0%	100.0% #FFC37C	RVB 255 195 124	#FFC37C

#FF5E5E #FF6E63 #FF7F68 #FF906D #FFA172 #FFB277 #FFC37C

#FF5E5E - #FFC37C

Mélange HSV

#FF5E5E - #FFC37C | 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 #FF5E5E 0% et #FFC37C 100%.

0.0%	0.0% #FF5D5D	RVB 255 93 93	#FF5D5D
16.7%	16.7% #FF7162	RVB 255 113 98	#FF7162
33.3%	33.3% #FF8367	RVB 255 131 103	#FF8367
50.0%	50.0% #FF946D	RVB 255 148 109	#FF946D
66.7%	66.7% #FFA472	RVB 255 164 114	#FFA472
83.3%	83.3% #FFB477	RVB 255 180 119	#FFB477
100.0%	100.0% #FFC37C	RVB 255 195 124	#FFC37C

#FF5D5D #FF7162 #FF8367 #FF946D #FFA472 #FFB477 #FFC37C

#FF5E5E - #FF946D - #FFC37C

Codes CSS

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

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