#C0FDDB - #5BDCB0 | 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 #C0FDDB a #5BDCB0

#C0FDDB #5BDCB0

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

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

0.0%	0.0% #C0FDDB	RGB 192 253 219	#C0FDDB
16.7%	16.7% #AFF7D3	RGB 175 247 211	#AFF7D3
33.3%	33.3% #9EF2CC	RGB 158 242 204	#9EF2CC
50.0%	50.0% #8DECC5	RGB 141 236 197	#8DECC5
66.7%	66.7% #7CE7BE	RGB 124 231 190	#7CE7BE
83.3%	83.3% #6BE1B7	RGB 107 225 183	#6BE1B7
100.0%	100.0% #5BDCB0	RGB 91 220 176	#5BDCB0

#C0FDDB #AFF7D3 #9EF2CC #8DECC5 #7CE7BE #6BE1B7 #5BDCB0

#C0FDDB - #5BDCB0

Miscela HSV

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

0.0%	0.0% #C0FDDB	RGB 192 253 219	#C0FDDB
16.7%	16.7% #ADF7D0	RGB 173 247 208	#ADF7D0
33.3%	33.3% #9BF2C8	RGB 155 242 200	#9BF2C8
50.0%	50.0% #8AECC0	RGB 138 236 192	#8AECC0
66.7%	66.7% #7AE7BA	RGB 122 231 186	#7AE7BA
83.3%	83.3% #6AE1B4	RGB 106 225 180	#6AE1B4
100.0%	100.0% #5BDCB0	RGB 91 220 176	#5BDCB0

#C0FDDB #ADF7D0 #9BF2C8 #8AECC0 #7AE7BA #6AE1B4 #5BDCB0

#C0FDDB - #8AECC0 - #5BDCB0

Codici CSS

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

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