#A5A600 - #5B5E0C | 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 #A5A600 à #5B5E0C

#A5A600 #5B5E0C

Calculez la couleur entre deux couleurs, #A5A600 et #5B5E0C. 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)

#A5A600 - #5B5E0C | 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 #A5A600 0% et #5B5E0C 100%.

0.0%	0.0% #A5A600	RVB 165 166 0	#A5A600
16.7%	16.7% #989A02	RVB 152 154 2	#989A02
33.3%	33.3% #8C8E04	RVB 140 142 4	#8C8E04
50.0%	50.0% #808206	RVB 128 130 6	#808206
66.7%	66.7% #737608	RVB 115 118 8	#737608
83.3%	83.3% #676A0A	RVB 103 106 10	#676A0A
100.0%	100.0% #5B5E0C	RVB 91 94 12	#5B5E0C

#A5A600 #989A02 #8C8E04 #808206 #737608 #676A0A #5B5E0C

#A5A600 - #5B5E0C

Mélange HSV

#A5A600 - #5B5E0C | 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 #A5A600 0% et #5B5E0C 100%.

0.0%	0.0% #A5A600	RVB 165 166 0	#A5A600
16.7%	16.7% #989A03	RVB 152 154 3	#989A03
33.3%	33.3% #8B8E06	RVB 139 142 6	#8B8E06
50.0%	50.0% #7F8208	RVB 127 130 8	#7F8208
66.7%	66.7% #73760A	RVB 115 118 10	#73760A
83.3%	83.3% #676A0B	RVB 103 106 11	#676A0B
100.0%	100.0% #5B5E0C	RVB 91 94 12	#5B5E0C

#A5A600 #989A03 #8B8E06 #7F8208 #73760A #676A0B #5B5E0C

#A5A600 - #7F8208 - #5B5E0C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5A600 0%, #7F8208 50%, #5B5E0C 100%);
    background: -webkit-linear-gradient(top, #A5A600 0%, #7F8208 50%, #5B5E0C 100%);
    background: linear-gradient(to bottom, #A5A600 0%, #7F8208 50%, #5B5E0C 100%);
}
</style>