#9CFFB7 - #E2FFEA | 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 #9CFFB7 a #E2FFEA

#9CFFB7 #E2FFEA

Calcola il colore tra due colori, #9CFFB7 e #E2FFEA. 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)

#9CFFB7 - #E2FFEA | 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 #9CFFB7 come 0% e #E2FFEA come 100%.

0.0%	0.0% #9CFFB7	RGB 156 255 183	#9CFFB7
16.7%	16.7% #A7FFBF	RGB 167 255 191	#A7FFBF
33.3%	33.3% #B3FFC8	RGB 179 255 200	#B3FFC8
50.0%	50.0% #BFFFD0	RGB 191 255 208	#BFFFD0
66.7%	66.7% #CAFFD9	RGB 202 255 217	#CAFFD9
83.3%	83.3% #D6FFE1	RGB 214 255 225	#D6FFE1
100.0%	100.0% #E2FFEA	RGB 226 255 234	#E2FFEA

#9CFFB7 #A7FFBF #B3FFC8 #BFFFD0 #CAFFD9 #D6FFE1 #E2FFEA

#9CFFB7 - #E2FFEA

Miscela HSV

#9CFFB7 - #E2FFEA | 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 #9CFFB7 come 0% e #E2FFEA come 100%.

0.0%	0.0% #9CFFB7	RGB 156 255 183	#9CFFB7
16.7%	16.7% #A7FFBF	RGB 167 255 191	#A7FFBF
33.3%	33.3% #B3FFC8	RGB 179 255 200	#B3FFC8
50.0%	50.0% #BFFFD0	RGB 191 255 208	#BFFFD0
66.7%	66.7% #CAFFD9	RGB 202 255 217	#CAFFD9
83.3%	83.3% #D6FFE1	RGB 214 255 225	#D6FFE1
100.0%	100.0% #E2FFEA	RGB 226 255 234	#E2FFEA

#9CFFB7 #A7FFBF #B3FFC8 #BFFFD0 #CAFFD9 #D6FFE1 #E2FFEA

#9CFFB7 - #BFFFD0 - #E2FFEA

Codici CSS

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

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