#B8F7FF - #4FD4D1 | 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 #B8F7FF a #4FD4D1

#B8F7FF #4FD4D1

Calcola il colore tra due colori, #B8F7FF e #4FD4D1. 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)

#B8F7FF - #4FD4D1 | 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 #B8F7FF come 0% e #4FD4D1 come 100%.

0.0%	0.0% #B8F7FF	RGB 184 247 255	#B8F7FF
16.7%	16.7% #A6F1F7	RGB 166 241 247	#A6F1F7
33.3%	33.3% #95EBEF	RGB 149 235 239	#95EBEF
50.0%	50.0% #83E5E8	RGB 131 229 232	#83E5E8
66.7%	66.7% #72DFE0	RGB 114 223 224	#72DFE0
83.3%	83.3% #60D9D8	RGB 96 217 216	#60D9D8
100.0%	100.0% #4FD4D1	RGB 79 212 209	#4FD4D1

#B8F7FF #A6F1F7 #95EBEF #83E5E8 #72DFE0 #60D9D8 #4FD4D1

#B8F7FF - #4FD4D1

Miscela HSV

#B8F7FF - #4FD4D1 | 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 #B8F7FF come 0% e #4FD4D1 come 100%.

0.0%	0.0% #B8F7FF	RGB 184 247 255	#B8F7FF
16.7%	16.7% #A4F0F7	RGB 164 240 247	#A4F0F7
33.3%	33.3% #91EAF0	RGB 145 234 240	#91EAF0
50.0%	50.0% #7FE4E9	RGB 127 228 233	#7FE4E9
66.7%	66.7% #6EDFE2	RGB 110 223 226	#6EDFE2
83.3%	83.3% #5EDBDB	RGB 94 219 219	#5EDBDB
100.0%	100.0% #4FD4D1	RGB 79 212 209	#4FD4D1

#B8F7FF #A4F0F7 #91EAF0 #7FE4E9 #6EDFE2 #5EDBDB #4FD4D1

#B8F7FF - #7FE4E9 - #4FD4D1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8F7FF 0%, #7FE4E9 50%, #4FD4D1 100%);
    background: -webkit-linear-gradient(top, #B8F7FF 0%, #7FE4E9 50%, #4FD4D1 100%);
    background: linear-gradient(to bottom, #B8F7FF 0%, #7FE4E9 50%, #4FD4D1 100%);
}
</style>