#9F5E5E - #F5AC80 | 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 #9F5E5E à #F5AC80

#9F5E5E #F5AC80

Calculez la couleur entre deux couleurs, #9F5E5E et #F5AC80. 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)

#9F5E5E - #F5AC80 | 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 #9F5E5E 0% et #F5AC80 100%.

0.0%	0.0% #9F5E5E	RVB 159 94 94	#9F5E5E
16.7%	16.7% #AD6B63	RVB 173 107 99	#AD6B63
33.3%	33.3% #BB7869	RVB 187 120 105	#BB7869
50.0%	50.0% #CA856F	RVB 202 133 111	#CA856F
66.7%	66.7% #D89274	RVB 216 146 116	#D89274
83.3%	83.3% #E69F7A	RVB 230 159 122	#E69F7A
100.0%	100.0% #F5AC80	RVB 245 172 128	#F5AC80

#9F5E5E #AD6B63 #BB7869 #CA856F #D89274 #E69F7A #F5AC80

#9F5E5E - #F5AC80

Mélange HSV

#9F5E5E - #F5AC80 | 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 #9F5E5E 0% et #F5AC80 100%.

0.0%	0.0% #9F5E5E	RVB 159 94 94	#9F5E5E
16.7%	16.7% #AD6964	RVB 173 105 100	#AD6964
33.3%	33.3% #BB746A	RVB 187 116 106	#BB746A
50.0%	50.0% #CA8170	RVB 202 129 112	#CA8170
66.7%	66.7% #D88E75	RVB 216 142 117	#D88E75
83.3%	83.3% #E69C7B	RVB 230 156 123	#E69C7B
100.0%	100.0% #F5AC80	RVB 245 172 128	#F5AC80

#9F5E5E #AD6964 #BB746A #CA8170 #D88E75 #E69C7B #F5AC80

#9F5E5E - #CA8170 - #F5AC80

Codes CSS

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

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