#C5E3E6 - #5CA4B9 | 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 #C5E3E6 a #5CA4B9

#C5E3E6 #5CA4B9

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

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

0.0%	0.0% #C5E3E6	RGB 197 227 230	#C5E3E6
16.7%	16.7% #B3D8DE	RGB 179 216 222	#B3D8DE
33.3%	33.3% #A2CED7	RGB 162 206 215	#A2CED7
50.0%	50.0% #90C3CF	RGB 144 195 207	#90C3CF
66.7%	66.7% #7FB9C8	RGB 127 185 200	#7FB9C8
83.3%	83.3% #6DAEC0	RGB 109 174 192	#6DAEC0
100.0%	100.0% #5CA4B9	RGB 92 164 185	#5CA4B9

#C5E3E6 #B3D8DE #A2CED7 #90C3CF #7FB9C8 #6DAEC0 #5CA4B9

#C5E3E6 - #5CA4B9

Miscela HSV

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

0.0%	0.0% #C5E3E6	RGB 197 227 230	#C5E3E6
16.7%	16.7% #B1D9DE	RGB 177 217 222	#B1D9DE
33.3%	33.3% #9ECFD7	RGB 158 207 215	#9ECFD7
50.0%	50.0% #8CC4CF	RGB 140 196 207	#8CC4CF
66.7%	66.7% #7BBAC8	RGB 123 186 200	#7BBAC8
83.3%	83.3% #6BAFC0	RGB 107 175 192	#6BAFC0
100.0%	100.0% #5CA4B9	RGB 92 164 185	#5CA4B9

#C5E3E6 #B1D9DE #9ECFD7 #8CC4CF #7BBAC8 #6BAFC0 #5CA4B9

#C5E3E6 - #8CC4CF - #5CA4B9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E3E6 0%, #8CC4CF 50%, #5CA4B9 100%);
    background: -webkit-linear-gradient(top, #C5E3E6 0%, #8CC4CF 50%, #5CA4B9 100%);
    background: linear-gradient(to bottom, #C5E3E6 0%, #8CC4CF 50%, #5CA4B9 100%);
}
</style>