#E4E5E3 - #99B67E | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #E4E5E3 a #99B67E

#E4E5E3 #99B67E

Calcola il colore tra due colori, #E4E5E3 e #99B67E. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#E4E5E3 - #99B67E | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #E4E5E3 come 0% e #99B67E come 100%.

0.0%	0.0% #E4E5E3	RGB 228 229 227	#E4E5E3
16.7%	16.7% #D7DDD2	RGB 215 221 210	#D7DDD2
33.3%	33.3% #CBD5C1	RGB 203 213 193	#CBD5C1
50.0%	50.0% #BECDB0	RGB 190 205 176	#BECDB0
66.7%	66.7% #B2C59F	RGB 178 197 159	#B2C59F
83.3%	83.3% #A5BD8E	RGB 165 189 142	#A5BD8E
100.0%	100.0% #99B67E	RGB 153 182 126	#99B67E

#E4E5E3 #D7DDD2 #CBD5C1 #BECDB0 #B2C59F #A5BD8E #99B67E

#E4E5E3 - #99B67E

Miscela HSV

#E4E5E3 - #99B67E | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #E4E5E3 come 0% e #99B67E come 100%.

0.0%	0.0% #E4E5E3	RGB 228 229 227	#E4E5E3
16.7%	16.7% #D6DDD0	RGB 214 221 208	#D6DDD0
33.3%	33.3% #C9D5BE	RGB 201 213 190	#C9D5BE
50.0%	50.0% #BCCDAC	RGB 188 205 172	#BCCDAC
66.7%	66.7% #B0C59C	RGB 176 197 156	#B0C59C
83.3%	83.3% #A4BD8C	RGB 164 189 140	#A4BD8C
100.0%	100.0% #99B67E	RGB 153 182 126	#99B67E

#E4E5E3 #D6DDD0 #C9D5BE #BCCDAC #B0C59C #A4BD8C #99B67E

#E4E5E3 - #BCCDAC - #99B67E

Codici CSS

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

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