#B5FFF0 - #E5EBEF | 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 #B5FFF0 a #E5EBEF

#B5FFF0 #E5EBEF

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

#B5FFF0 - #E5EBEF | 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 #B5FFF0 come 0% e #E5EBEF come 100%.

0.0%	0.0% #B5FFF0	RGB 181 255 240	#B5FFF0
16.7%	16.7% #BDFBEF	RGB 189 251 239	#BDFBEF
33.3%	33.3% #C5F8EF	RGB 197 248 239	#C5F8EF
50.0%	50.0% #CDF5EF	RGB 205 245 239	#CDF5EF
66.7%	66.7% #D5F1EF	RGB 213 241 239	#D5F1EF
83.3%	83.3% #DDEEEF	RGB 221 238 239	#DDEEEF
100.0%	100.0% #E5EBEF	RGB 229 235 239	#E5EBEF

#B5FFF0 #BDFBEF #C5F8EF #CDF5EF #D5F1EF #DDEEEF #E5EBEF

#B5FFF0 - #E5EBEF

Miscela HSV

#B5FFF0 - #E5EBEF | 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 #B5FFF0 come 0% e #E5EBEF come 100%.

0.0%	0.0% #B5FFF0	RGB 181 255 240	#B5FFF0
16.7%	16.7% #BDFCF5	RGB 189 252 245	#BDFCF5
33.3%	33.3% #C5F9F9	RGB 197 249 249	#C5F9F9
50.0%	50.0% #CDF2F7	RGB 205 242 247	#CDF2F7
66.7%	66.7% #D5EEF4	RGB 213 238 244	#D5EEF4
83.3%	83.3% #DDEBF1	RGB 221 235 241	#DDEBF1
100.0%	100.0% #E5EBEF	RGB 229 235 239	#E5EBEF

#B5FFF0 #BDFCF5 #C5F9F9 #CDF2F7 #D5EEF4 #DDEBF1 #E5EBEF

#B5FFF0 - #CDF2F7 - #E5EBEF

Codici CSS

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

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