#ADE0EB - #3C9CC5 | 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 #ADE0EB a #3C9CC5

#ADE0EB #3C9CC5

Calcola il colore tra due colori, #ADE0EB e #3C9CC5. 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)

#ADE0EB - #3C9CC5 | 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 #ADE0EB come 0% e #3C9CC5 come 100%.

0.0%	0.0% #ADE0EB	RGB 173 224 235	#ADE0EB
16.7%	16.7% #9AD4E4	RGB 154 212 228	#9AD4E4
33.3%	33.3% #87C9DE	RGB 135 201 222	#87C9DE
50.0%	50.0% #74BED8	RGB 116 190 216	#74BED8
66.7%	66.7% #61B2D1	RGB 97 178 209	#61B2D1
83.3%	83.3% #4EA7CB	RGB 78 167 203	#4EA7CB
100.0%	100.0% #3C9CC5	RGB 60 156 197	#3C9CC5

#ADE0EB #9AD4E4 #87C9DE #74BED8 #61B2D1 #4EA7CB #3C9CC5

#ADE0EB - #3C9CC5

Miscela HSV

#ADE0EB - #3C9CC5 | 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 #ADE0EB come 0% e #3C9CC5 come 100%.

0.0%	0.0% #ADE0EB	RGB 173 224 235	#ADE0EB
16.7%	16.7% #97D5E4	RGB 151 213 228	#97D5E4
33.3%	33.3% #83CADE	RGB 131 202 222	#83CADE
50.0%	50.0% #70BFD8	RGB 112 191 216	#70BFD8
66.7%	66.7% #5EB3D1	RGB 94 179 209	#5EB3D1
83.3%	83.3% #4CA7CB	RGB 76 167 203	#4CA7CB
100.0%	100.0% #3C9CC5	RGB 60 156 197	#3C9CC5

#ADE0EB #97D5E4 #83CADE #70BFD8 #5EB3D1 #4CA7CB #3C9CC5

#ADE0EB - #70BFD8 - #3C9CC5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE0EB 0%, #70BFD8 50%, #3C9CC5 100%);
    background: -webkit-linear-gradient(top, #ADE0EB 0%, #70BFD8 50%, #3C9CC5 100%);
    background: linear-gradient(to bottom, #ADE0EB 0%, #70BFD8 50%, #3C9CC5 100%);
}
</style>