#E2F0AF - #B3DA5E | 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 #E2F0AF à #B3DA5E

#E2F0AF #B3DA5E

Calculez la couleur entre deux couleurs, #E2F0AF et #B3DA5E. 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)

#E2F0AF - #B3DA5E | 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 #E2F0AF 0% et #B3DA5E 100%.

0.0%	0.0% #E2F0AF	RVB 226 240 175	#E2F0AF
16.7%	16.7% #DAECA1	RVB 218 236 161	#DAECA1
33.3%	33.3% #D2E894	RVB 210 232 148	#D2E894
50.0%	50.0% #CAE586	RVB 202 229 134	#CAE586
66.7%	66.7% #C2E179	RVB 194 225 121	#C2E179
83.3%	83.3% #BADD6B	RVB 186 221 107	#BADD6B
100.0%	100.0% #B3DA5E	RVB 179 218 94	#B3DA5E

#E2F0AF #DAECA1 #D2E894 #CAE586 #C2E179 #BADD6B #B3DA5E

#E2F0AF - #B3DA5E

Mélange HSV

#E2F0AF - #B3DA5E | 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 #E2F0AF 0% et #B3DA5E 100%.

0.0%	0.0% #E2F0AF	RVB 226 240 175	#E2F0AF
16.7%	16.7% #DAECA0	RVB 218 236 160	#DAECA0
33.3%	33.3% #D3E892	RVB 211 232 146	#D3E892
50.0%	50.0% #CBE584	RVB 203 229 132	#CBE584
66.7%	66.7% #C3E177	RVB 195 225 119	#C3E177
83.3%	83.3% #BBDD6A	RVB 187 221 106	#BBDD6A
100.0%	100.0% #B3DA5E	RVB 179 218 94	#B3DA5E

#E2F0AF #DAECA0 #D3E892 #CBE584 #C3E177 #BBDD6A #B3DA5E

#E2F0AF - #CBE584 - #B3DA5E

Codes CSS

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

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