#7CCFBC - #D9F1EB | 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 #7CCFBC a #D9F1EB

#7CCFBC #D9F1EB

Calcola il colore tra due colori, #7CCFBC e #D9F1EB. 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)

#7CCFBC - #D9F1EB | 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 #7CCFBC come 0% e #D9F1EB come 100%.

0.0%	0.0% #7CCFBC	RGB 124 207 188	#7CCFBC
16.7%	16.7% #8BD4C3	RGB 139 212 195	#8BD4C3
33.3%	33.3% #9BDACB	RGB 155 218 203	#9BDACB
50.0%	50.0% #AAE0D3	RGB 170 224 211	#AAE0D3
66.7%	66.7% #BAE5DB	RGB 186 229 219	#BAE5DB
83.3%	83.3% #C9EBE3	RGB 201 235 227	#C9EBE3
100.0%	100.0% #D9F1EB	RGB 217 241 235	#D9F1EB

#7CCFBC #8BD4C3 #9BDACB #AAE0D3 #BAE5DB #C9EBE3 #D9F1EB

#7CCFBC - #D9F1EB

Miscela HSV

#7CCFBC - #D9F1EB | 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 #7CCFBC come 0% e #D9F1EB come 100%.

0.0%	0.0% #7CCFBC	RGB 124 207 188	#7CCFBC
16.7%	16.7% #8AD4C3	RGB 138 212 195	#8AD4C3
33.3%	33.3% #98DACA	RGB 152 218 202	#98DACA
50.0%	50.0% #A7E0D2	RGB 167 224 210	#A7E0D2
66.7%	66.7% #B7E5DA	RGB 183 229 218	#B7E5DA
83.3%	83.3% #C8EBE2	RGB 200 235 226	#C8EBE2
100.0%	100.0% #D9F1EB	RGB 217 241 235	#D9F1EB

#7CCFBC #8AD4C3 #98DACA #A7E0D2 #B7E5DA #C8EBE2 #D9F1EB

#7CCFBC - #A7E0D2 - #D9F1EB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CCFBC 0%, #A7E0D2 50%, #D9F1EB 100%);
    background: -webkit-linear-gradient(top, #7CCFBC 0%, #A7E0D2 50%, #D9F1EB 100%);
    background: linear-gradient(to bottom, #7CCFBC 0%, #A7E0D2 50%, #D9F1EB 100%);
}
</style>