#DBF0FF - #85AFD4 | 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 #DBF0FF a #85AFD4

#DBF0FF #85AFD4

Calcola il colore tra due colori, #DBF0FF e #85AFD4. 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)

#DBF0FF - #85AFD4 | 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 #DBF0FF come 0% e #85AFD4 come 100%.

0.0%	0.0% #DBF0FF	RGB 219 240 255	#DBF0FF
16.7%	16.7% #CCE5F7	RGB 204 229 247	#CCE5F7
33.3%	33.3% #BEDAF0	RGB 190 218 240	#BEDAF0
50.0%	50.0% #B0CFE9	RGB 176 207 233	#B0CFE9
66.7%	66.7% #A1C4E2	RGB 161 196 226	#A1C4E2
83.3%	83.3% #93B9DB	RGB 147 185 219	#93B9DB
100.0%	100.0% #85AFD4	RGB 133 175 212	#85AFD4

#DBF0FF #CCE5F7 #BEDAF0 #B0CFE9 #A1C4E2 #93B9DB #85AFD4

#DBF0FF - #85AFD4

Miscela HSV

#DBF0FF - #85AFD4 | 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 #DBF0FF come 0% e #85AFD4 come 100%.

0.0%	0.0% #DBF0FF	RGB 219 240 255	#DBF0FF
16.7%	16.7% #CBE4F7	RGB 203 228 247	#CBE4F7
33.3%	33.3% #BCD9F0	RGB 188 217 240	#BCD9F0
50.0%	50.0% #ADCEE9	RGB 173 206 233	#ADCEE9
66.7%	66.7% #9FC4E2	RGB 159 196 226	#9FC4E2
83.3%	83.3% #91B9DB	RGB 145 185 219	#91B9DB
100.0%	100.0% #85AFD4	RGB 133 175 212	#85AFD4

#DBF0FF #CBE4F7 #BCD9F0 #ADCEE9 #9FC4E2 #91B9DB #85AFD4

#DBF0FF - #ADCEE9 - #85AFD4

Codici CSS

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

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