#B9C92D - #768C0C | 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 #B9C92D à #768C0C

#B9C92D #768C0C

Calculez la couleur entre deux couleurs, #B9C92D et #768C0C. 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)

#B9C92D - #768C0C | 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 #B9C92D 0% et #768C0C 100%.

0.0%	0.0% #B9C92D	RVB 185 201 45	#B9C92D
16.7%	16.7% #ADBE27	RVB 173 190 39	#ADBE27
33.3%	33.3% #A2B422	RVB 162 180 34	#A2B422
50.0%	50.0% #97AA1C	RVB 151 170 28	#97AA1C
66.7%	66.7% #8CA017	RVB 140 160 23	#8CA017
83.3%	83.3% #819611	RVB 129 150 17	#819611
100.0%	100.0% #768C0C	RVB 118 140 12	#768C0C

#B9C92D #ADBE27 #A2B422 #97AA1C #8CA017 #819611 #768C0C

#B9C92D - #768C0C

Mélange HSV

#B9C92D - #768C0C | 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 #B9C92D 0% et #768C0C 100%.

0.0%	0.0% #B9C92D	RVB 185 201 45	#B9C92D
16.7%	16.7% #ADBE26	RVB 173 190 38	#ADBE26
33.3%	33.3% #A2B420	RVB 162 180 32	#A2B420
50.0%	50.0% #96AA1A	RVB 150 170 26	#96AA1A
66.7%	66.7% #8BA015	RVB 139 160 21	#8BA015
83.3%	83.3% #809610	RVB 128 150 16	#809610
100.0%	100.0% #768C0C	RVB 118 140 12	#768C0C

#B9C92D #ADBE26 #A2B420 #96AA1A #8BA015 #809610 #768C0C

#B9C92D - #96AA1A - #768C0C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
    background: -webkit-linear-gradient(top, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
    background: linear-gradient(to bottom, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
}
</style>