#9FBA66 - #E3EBD3 | 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 #9FBA66 à #E3EBD3

#9FBA66 #E3EBD3

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

#9FBA66 - #E3EBD3 | 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 #9FBA66 0% et #E3EBD3 100%.

0.0%	0.0% #9FBA66	RVB 159 186 102	#9FBA66
16.7%	16.7% #AAC278	RVB 170 194 120	#AAC278
33.3%	33.3% #B5CA8A	RVB 181 202 138	#B5CA8A
50.0%	50.0% #C1D29C	RVB 193 210 156	#C1D29C
66.7%	66.7% #CCDAAE	RVB 204 218 174	#CCDAAE
83.3%	83.3% #D7E2C0	RVB 215 226 192	#D7E2C0
100.0%	100.0% #E3EBD3	RVB 227 235 211	#E3EBD3

#9FBA66 #AAC278 #B5CA8A #C1D29C #CCDAAE #D7E2C0 #E3EBD3

#9FBA66 - #E3EBD3

Mélange HSV

#9FBA66 - #E3EBD3 | 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 #9FBA66 0% et #E3EBD3 100%.

0.0%	0.0% #9FBA66	RVB 159 186 102	#9FBA66
16.7%	16.7% #A9C275	RVB 169 194 117	#A9C275
33.3%	33.3% #B4CA86	RVB 180 202 134	#B4CA86
50.0%	50.0% #BFD298	RVB 191 210 152	#BFD298
66.7%	66.7% #CADAAA	RVB 202 218 170	#CADAAA
83.3%	83.3% #D6E2BE	RVB 214 226 190	#D6E2BE
100.0%	100.0% #E3EBD3	RVB 227 235 211	#E3EBD3

#9FBA66 #A9C275 #B4CA86 #BFD298 #CADAAA #D6E2BE #E3EBD3

#9FBA66 - #BFD298 - #E3EBD3

Codes CSS

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

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