#556B2F - #CDB558 | 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 #556B2F à #CDB558

#556B2F #CDB558

Calculez la couleur entre deux couleurs, #556B2F et #CDB558. 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)

#556B2F - #CDB558 | 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 #556B2F 0% et #CDB558 100%.

0.0%	0.0% #556B2F	RVB 85 107 47	#556B2F
16.7%	16.7% #697735	RVB 105 119 53	#697735
33.3%	33.3% #7D833C	RVB 125 131 60	#7D833C
50.0%	50.0% #919043	RVB 145 144 67	#919043
66.7%	66.7% #A59C4A	RVB 165 156 74	#A59C4A
83.3%	83.3% #B9A851	RVB 185 168 81	#B9A851
100.0%	100.0% #CDB558	RVB 205 181 88	#CDB558

#556B2F #697735 #7D833C #919043 #A59C4A #B9A851 #CDB558

#556B2F - #CDB558

Mélange HSV

#556B2F - #CDB558 | 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 #556B2F 0% et #CDB558 100%.

0.0%	0.0% #556B2F	RVB 85 107 47	#556B2F
16.7%	16.7% #687B35	RVB 104 123 53	#687B35
33.3%	33.3% #7D8B3C	RVB 125 139 60	#7D8B3C
50.0%	50.0% #949C43	RVB 148 156 67	#949C43
66.7%	66.7% #ACAA4A	RVB 172 170 74	#ACAA4A
83.3%	83.3% #BCB051	RVB 188 176 81	#BCB051
100.0%	100.0% #CDB558	RVB 205 181 88	#CDB558

#556B2F #687B35 #7D8B3C #949C43 #ACAA4A #BCB051 #CDB558

#556B2F - #949C43 - #CDB558

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #556B2F 0%, #949C43 50%, #CDB558 100%);
    background: -webkit-linear-gradient(top, #556B2F 0%, #949C43 50%, #CDB558 100%);
    background: linear-gradient(to bottom, #556B2F 0%, #949C43 50%, #CDB558 100%);
}
</style>