#9FBA5E - #E3EBD1 | 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 #9FBA5E à #E3EBD1

#9FBA5E #E3EBD1

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

#9FBA5E - #E3EBD1 | 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 #9FBA5E 0% et #E3EBD1 100%.

0.0%	0.0% #9FBA5E	RVB 159 186 94	#9FBA5E
16.7%	16.7% #AAC271	RVB 170 194 113	#AAC271
33.3%	33.3% #B5CA84	RVB 181 202 132	#B5CA84
50.0%	50.0% #C1D297	RVB 193 210 151	#C1D297
66.7%	66.7% #CCDAAA	RVB 204 218 170	#CCDAAA
83.3%	83.3% #D7E2BD	RVB 215 226 189	#D7E2BD
100.0%	100.0% #E3EBD1	RVB 227 235 209	#E3EBD1

#9FBA5E #AAC271 #B5CA84 #C1D297 #CCDAAA #D7E2BD #E3EBD1

#9FBA5E - #E3EBD1

Mélange HSV

#9FBA5E - #E3EBD1 | 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 #9FBA5E 0% et #E3EBD1 100%.

0.0%	0.0% #9FBA5E	RVB 159 186 94	#9FBA5E
16.7%	16.7% #A9C26E	RVB 169 194 110	#A9C26E
33.3%	33.3% #B4CA80	RVB 180 202 128	#B4CA80
50.0%	50.0% #BFD292	RVB 191 210 146	#BFD292
66.7%	66.7% #CADAA6	RVB 202 218 166	#CADAA6
83.3%	83.3% #D6E2BB	RVB 214 226 187	#D6E2BB
100.0%	100.0% #E3EBD1	RVB 227 235 209	#E3EBD1

#9FBA5E #A9C26E #B4CA80 #BFD292 #CADAA6 #D6E2BB #E3EBD1

#9FBA5E - #BFD292 - #E3EBD1

Codes CSS

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

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