#9CAA5E - #FDDF84 | 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 #9CAA5E à #FDDF84

#9CAA5E #FDDF84

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

#9CAA5E - #FDDF84 | 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 #9CAA5E 0% et #FDDF84 100%.

0.0%	0.0% #9CAA5E	RVB 156 170 94	#9CAA5E
16.7%	16.7% #ACB264	RVB 172 178 100	#ACB264
33.3%	33.3% #BCBB6A	RVB 188 187 106	#BCBB6A
50.0%	50.0% #CCC471	RVB 204 196 113	#CCC471
66.7%	66.7% #DCCD77	RVB 220 205 119	#DCCD77
83.3%	83.3% #ECD67D	RVB 236 214 125	#ECD67D
100.0%	100.0% #FDDF84	RVB 253 223 132	#FDDF84

#9CAA5E #ACB264 #BCBB6A #CCC471 #DCCD77 #ECD67D #FDDF84

#9CAA5E - #FDDF84

Mélange HSV

#9CAA5E - #FDDF84 | 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 #9CAA5E 0% et #FDDF84 100%.

0.0%	0.0% #9CAA5E	RVB 156 170 94	#9CAA5E
16.7%	16.7% #AEB764	RVB 174 183 100	#AEB764
33.3%	33.3% #C2C56B	RVB 194 197 107	#C2C56B
50.0%	50.0% #D3D071	RVB 211 208 113	#D3D071
66.7%	66.7% #E1D677	RVB 225 214 119	#E1D677
83.3%	83.3% #EFDB7E	RVB 239 219 126	#EFDB7E
100.0%	100.0% #FDDF84	RVB 253 223 132	#FDDF84

#9CAA5E #AEB764 #C2C56B #D3D071 #E1D677 #EFDB7E #FDDF84

#9CAA5E - #D3D071 - #FDDF84

Codes CSS

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

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