#C7F5E7 - #5ED0BE | 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 #C7F5E7 a #5ED0BE

#C7F5E7 #5ED0BE

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

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

0.0%	0.0% #C7F5E7	RGB 199 245 231	#C7F5E7
16.7%	16.7% #B5EEE0	RGB 181 238 224	#B5EEE0
33.3%	33.3% #A4E8D9	RGB 164 232 217	#A4E8D9
50.0%	50.0% #92E2D2	RGB 146 226 210	#92E2D2
66.7%	66.7% #81DCCB	RGB 129 220 203	#81DCCB
83.3%	83.3% #6FD6C4	RGB 111 214 196	#6FD6C4
100.0%	100.0% #5ED0BE	RGB 94 208 190	#5ED0BE

#C7F5E7 #B5EEE0 #A4E8D9 #92E2D2 #81DCCB #6FD6C4 #5ED0BE

#C7F5E7 - #5ED0BE

Miscela HSV

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

0.0%	0.0% #C7F5E7	RGB 199 245 231	#C7F5E7
16.7%	16.7% #B3EEDE	RGB 179 238 222	#B3EEDE
33.3%	33.3% #A1E8D6	RGB 161 232 214	#A1E8D6
50.0%	50.0% #8FE2CF	RGB 143 226 207	#8FE2CF
66.7%	66.7% #7EDCC8	RGB 126 220 200	#7EDCC8
83.3%	83.3% #6DD6C3	RGB 109 214 195	#6DD6C3
100.0%	100.0% #5ED0BE	RGB 94 208 190	#5ED0BE

#C7F5E7 #B3EEDE #A1E8D6 #8FE2CF #7EDCC8 #6DD6C3 #5ED0BE

#C7F5E7 - #8FE2CF - #5ED0BE

Codici CSS

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

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