#B0FFB8 - #ECF7FF | 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 #B0FFB8 a #ECF7FF

#B0FFB8 #ECF7FF

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

#B0FFB8 - #ECF7FF | 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 #B0FFB8 come 0% e #ECF7FF come 100%.

0.0%	0.0% #B0FFB8	RGB 176 255 184	#B0FFB8
16.7%	16.7% #BAFDC3	RGB 186 253 195	#BAFDC3
33.3%	33.3% #C4FCCF	RGB 196 252 207	#C4FCCF
50.0%	50.0% #CEFBDB	RGB 206 251 219	#CEFBDB
66.7%	66.7% #D8F9E7	RGB 216 249 231	#D8F9E7
83.3%	83.3% #E2F8F3	RGB 226 248 243	#E2F8F3
100.0%	100.0% #ECF7FF	RGB 236 247 255	#ECF7FF

#B0FFB8 #BAFDC3 #C4FCCF #CEFBDB #D8F9E7 #E2F8F3 #ECF7FF

#B0FFB8 - #ECF7FF

Miscela HSV

#B0FFB8 - #ECF7FF | 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 #B0FFB8 come 0% e #ECF7FF come 100%.

0.0%	0.0% #B0FFB8	RGB 176 255 184	#B0FFB8
16.7%	16.7% #BAFFD0	RGB 186 255 208	#BAFFD0
33.3%	33.3% #C4FFE3	RGB 196 255 227	#C4FFE3
50.0%	50.0% #CEFFF3	RGB 206 255 243	#CEFFF3
66.7%	66.7% #D8FFFE	RGB 216 255 254	#D8FFFE
83.3%	83.3% #E2F9FF	RGB 226 249 255	#E2F9FF
100.0%	100.0% #ECF7FF	RGB 236 247 255	#ECF7FF

#B0FFB8 #BAFFD0 #C4FFE3 #CEFFF3 #D8FFFE #E2F9FF #ECF7FF

#B0FFB8 - #CEFFF3 - #ECF7FF

Codici CSS

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

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