#E3F5E3 - #97E9A2 | 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 #E3F5E3 a #97E9A2

#E3F5E3 #97E9A2

Calcola il colore tra due colori, #E3F5E3 e #97E9A2. 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)

#E3F5E3 - #97E9A2 | 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 #E3F5E3 come 0% e #97E9A2 come 100%.

0.0%	0.0% #E3F5E3	RGB 227 245 227	#E3F5E3
16.7%	16.7% #D6F3D8	RGB 214 243 216	#D6F3D8
33.3%	33.3% #C9F1CD	RGB 201 241 205	#C9F1CD
50.0%	50.0% #BDEFC2	RGB 189 239 194	#BDEFC2
66.7%	66.7% #B0EDB7	RGB 176 237 183	#B0EDB7
83.3%	83.3% #A3EBAC	RGB 163 235 172	#A3EBAC
100.0%	100.0% #97E9A2	RGB 151 233 162	#97E9A2

#E3F5E3 #D6F3D8 #C9F1CD #BDEFC2 #B0EDB7 #A3EBAC #97E9A2

#E3F5E3 - #97E9A2

Miscela HSV

#E3F5E3 - #97E9A2 | 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 #E3F5E3 come 0% e #97E9A2 come 100%.

0.0%	0.0% #E3F5E3	RGB 227 245 227	#E3F5E3
16.7%	16.7% #D5F3D6	RGB 213 243 214	#D5F3D6
33.3%	33.3% #C8F1CA	RGB 200 241 202	#C8F1CA
50.0%	50.0% #BCEFBF	RGB 188 239 191	#BCEFBF
66.7%	66.7% #AFEDB5	RGB 175 237 181	#AFEDB5
83.3%	83.3% #A3EBAB	RGB 163 235 171	#A3EBAB
100.0%	100.0% #97E9A2	RGB 151 233 162	#97E9A2

#E3F5E3 #D5F3D6 #C8F1CA #BCEFBF #AFEDB5 #A3EBAB #97E9A2

#E3F5E3 - #BCEFBF - #97E9A2

Codici CSS

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

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