#5E83BA - #D1DBEB | 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 #5E83BA a #D1DBEB

#5E83BA #D1DBEB

Calcola il colore tra due colori, #5E83BA e #D1DBEB. 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)

#5E83BA - #D1DBEB | 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 #5E83BA come 0% e #D1DBEB come 100%.

0.0%	0.0% #5E83BA	RGB 94 131 186	#5E83BA
16.7%	16.7% #7191C2	RGB 113 145 194	#7191C2
33.3%	33.3% #84A0CA	RGB 132 160 202	#84A0CA
50.0%	50.0% #97AFD2	RGB 151 175 210	#97AFD2
66.7%	66.7% #AABDDA	RGB 170 189 218	#AABDDA
83.3%	83.3% #BDCCE2	RGB 189 204 226	#BDCCE2
100.0%	100.0% #D1DBEB	RGB 209 219 235	#D1DBEB

#5E83BA #7191C2 #84A0CA #97AFD2 #AABDDA #BDCCE2 #D1DBEB

#5E83BA - #D1DBEB

Miscela HSV

#5E83BA - #D1DBEB | 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 #5E83BA come 0% e #D1DBEB come 100%.

0.0%	0.0% #5E82BA	RGB 94 130 186	#5E82BA
16.7%	16.7% #6E8FC2	RGB 110 143 194	#6E8FC2
33.3%	33.3% #809DCA	RGB 128 157 202	#809DCA
50.0%	50.0% #92ABD2	RGB 146 171 210	#92ABD2
66.7%	66.7% #A6BADA	RGB 166 186 218	#A6BADA
83.3%	83.3% #BBCAE2	RGB 187 202 226	#BBCAE2
100.0%	100.0% #D1DBEB	RGB 209 219 235	#D1DBEB

#5E82BA #6E8FC2 #809DCA #92ABD2 #A6BADA #BBCAE2 #D1DBEB

#5E83BA - #92ABD2 - #D1DBEB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E82BA 0%, #92ABD2 50%, #D1DBEB 100%);
    background: -webkit-linear-gradient(top, #5E82BA 0%, #92ABD2 50%, #D1DBEB 100%);
    background: linear-gradient(to bottom, #5E82BA 0%, #92ABD2 50%, #D1DBEB 100%);
}
</style>