#ADE9FF - #35A8DB | 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 #ADE9FF a #35A8DB

#ADE9FF #35A8DB

Calcola il colore tra due colori, #ADE9FF e #35A8DB. 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)

#ADE9FF - #35A8DB | 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 #ADE9FF come 0% e #35A8DB come 100%.

0.0%	0.0% #ADE9FF	RGB 173 233 255	#ADE9FF
16.7%	16.7% #99DEF9	RGB 153 222 249	#99DEF9
33.3%	33.3% #85D3F3	RGB 133 211 243	#85D3F3
50.0%	50.0% #71C8ED	RGB 113 200 237	#71C8ED
66.7%	66.7% #5DBDE7	RGB 93 189 231	#5DBDE7
83.3%	83.3% #49B2E1	RGB 73 178 225	#49B2E1
100.0%	100.0% #35A8DB	RGB 53 168 219	#35A8DB

#ADE9FF #99DEF9 #85D3F3 #71C8ED #5DBDE7 #49B2E1 #35A8DB

#ADE9FF - #35A8DB

Miscela HSV

#ADE9FF - #35A8DB | 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 #ADE9FF come 0% e #35A8DB come 100%.

0.0%	0.0% #ADE9FF	RGB 173 233 255	#ADE9FF
16.7%	16.7% #96DEF9	RGB 150 222 249	#96DEF9
33.3%	33.3% #81D3F3	RGB 129 211 243	#81D3F3
50.0%	50.0% #6DC8ED	RGB 109 200 237	#6DC8ED
66.7%	66.7% #59BDE7	RGB 89 189 231	#59BDE7
83.3%	83.3% #46B2E1	RGB 70 178 225	#46B2E1
100.0%	100.0% #35A8DB	RGB 53 168 219	#35A8DB

#ADE9FF #96DEF9 #81D3F3 #6DC8ED #59BDE7 #46B2E1 #35A8DB

#ADE9FF - #6DC8ED - #35A8DB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE9FF 0%, #6DC8ED 50%, #35A8DB 100%);
    background: -webkit-linear-gradient(top, #ADE9FF 0%, #6DC8ED 50%, #35A8DB 100%);
    background: linear-gradient(to bottom, #ADE9FF 0%, #6DC8ED 50%, #35A8DB 100%);
}
</style>