#A8FFC0 - #FFEBBE | 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 #A8FFC0 a #FFEBBE

#A8FFC0 #FFEBBE

Calcola il colore tra due colori, #A8FFC0 e #FFEBBE. 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)

#A8FFC0 - #FFEBBE | 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 #A8FFC0 come 0% e #FFEBBE come 100%.

0.0%	0.0% #A8FFC0	RGB 168 255 192	#A8FFC0
16.7%	16.7% #B6FBBF	RGB 182 251 191	#B6FBBF
33.3%	33.3% #C5F8BF	RGB 197 248 191	#C5F8BF
50.0%	50.0% #D3F5BF	RGB 211 245 191	#D3F5BF
66.7%	66.7% #E2F1BE	RGB 226 241 190	#E2F1BE
83.3%	83.3% #F0EEBE	RGB 240 238 190	#F0EEBE
100.0%	100.0% #FFEBBE	RGB 255 235 190	#FFEBBE

#A8FFC0 #B6FBBF #C5F8BF #D3F5BF #E2F1BE #F0EEBE #FFEBBE

#A8FFC0 - #FFEBBE

Miscela HSV

#A8FFC0 - #FFEBBE | 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 #A8FFC0 come 0% e #FFEBBE come 100%.

0.0%	0.0% #A8FFC0	RGB 168 255 192	#A8FFC0
16.7%	16.7% #ABFFAC	RGB 171 255 172	#ABFFAC
33.3%	33.3% #C3FFAF	RGB 195 255 175	#C3FFAF
50.0%	50.0% #DAFFB3	RGB 218 255 179	#DAFFB3
66.7%	66.7% #EFFFB6	RGB 239 255 182	#EFFFB6
83.3%	83.3% #FFFBBA	RGB 255 251 186	#FFFBBA
100.0%	100.0% #FFEBBE	RGB 255 235 190	#FFEBBE

#A8FFC0 #ABFFAC #C3FFAF #DAFFB3 #EFFFB6 #FFFBBA #FFEBBE

#A8FFC0 - #DAFFB3 - #FFEBBE

Codici CSS

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

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