#E5EBF0 - #95A8BB | 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 #E5EBF0 a #95A8BB

#E5EBF0 #95A8BB

Calcola il colore tra due colori, #E5EBF0 e #95A8BB. 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)

#E5EBF0 - #95A8BB | 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 #E5EBF0 come 0% e #95A8BB come 100%.

0.0%	0.0% #E5EBF0	RGB 229 235 240	#E5EBF0
16.7%	16.7% #D7DFE7	RGB 215 223 231	#D7DFE7
33.3%	33.3% #CAD4DE	RGB 202 212 222	#CAD4DE
50.0%	50.0% #BDC9D5	RGB 189 201 213	#BDC9D5
66.7%	66.7% #AFBECC	RGB 175 190 204	#AFBECC
83.3%	83.3% #A2B3C3	RGB 162 179 195	#A2B3C3
100.0%	100.0% #95A8BB	RGB 149 168 187	#95A8BB

#E5EBF0 #D7DFE7 #CAD4DE #BDC9D5 #AFBECC #A2B3C3 #95A8BB

#E5EBF0 - #95A8BB

Miscela HSV

#E5EBF0 - #95A8BB | 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 #E5EBF0 come 0% e #95A8BB come 100%.

0.0%	0.0% #E5EBF0	RGB 229 235 240	#E5EBF0
16.7%	16.7% #D6DFE7	RGB 214 223 231	#D6DFE7
33.3%	33.3% #C8D4DE	RGB 200 212 222	#C8D4DE
50.0%	50.0% #BAC8D5	RGB 186 200 213	#BAC8D5
66.7%	66.7% #ADBDCC	RGB 173 189 204	#ADBDCC
83.3%	83.3% #A1B2C3	RGB 161 178 195	#A1B2C3
100.0%	100.0% #95A8BB	RGB 149 168 187	#95A8BB

#E5EBF0 #D6DFE7 #C8D4DE #BAC8D5 #ADBDCC #A1B2C3 #95A8BB

#E5EBF0 - #BAC8D5 - #95A8BB

Codici CSS

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

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