#B3C4B3 - #5E9C5E | 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 #B3C4B3 à #5E9C5E

#B3C4B3 #5E9C5E

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

#B3C4B3 - #5E9C5E | 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 #B3C4B3 0% et #5E9C5E 100%.

0.0%	0.0% #B3C4B3	RVB 179 196 179	#B3C4B3
16.7%	16.7% #A4BDA4	RVB 164 189 164	#A4BDA4
33.3%	33.3% #96B696	RVB 150 182 150	#96B696
50.0%	50.0% #88B088	RVB 136 176 136	#88B088
66.7%	66.7% #7AA97A	RVB 122 169 122	#7AA97A
83.3%	83.3% #6CA26C	RVB 108 162 108	#6CA26C
100.0%	100.0% #5E9C5E	RVB 94 156 94	#5E9C5E

#B3C4B3 #A4BDA4 #96B696 #88B088 #7AA97A #6CA26C #5E9C5E

#B3C4B3 - #5E9C5E

Mélange HSV

#B3C4B3 - #5E9C5E | 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 #B3C4B3 0% et #5E9C5E 100%.

0.0%	0.0% #B3C4B3	RVB 179 196 179	#B3C4B3
16.7%	16.7% #A3BDA3	RVB 163 189 163	#A3BDA3
33.3%	33.3% #93B693	RVB 147 182 147	#93B693
50.0%	50.0% #85B085	RVB 133 176 133	#85B085
66.7%	66.7% #77A977	RVB 119 169 119	#77A977
83.3%	83.3% #6AA26A	RVB 106 162 106	#6AA26A
100.0%	100.0% #5E9C5E	RVB 94 156 94	#5E9C5E

#B3C4B3 #A3BDA3 #93B693 #85B085 #77A977 #6AA26A #5E9C5E

#B3C4B3 - #85B085 - #5E9C5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3C4B3 0%, #85B085 50%, #5E9C5E 100%);
    background: -webkit-linear-gradient(top, #B3C4B3 0%, #85B085 50%, #5E9C5E 100%);
    background: linear-gradient(to bottom, #B3C4B3 0%, #85B085 50%, #5E9C5E 100%);
}
</style>