#00D2D3 - #BEFFB5 | 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 #00D2D3 a #BEFFB5

#00D2D3 #BEFFB5

Calcola il colore tra due colori, #00D2D3 e #BEFFB5. 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)

#00D2D3 - #BEFFB5 | 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 #00D2D3 come 0% e #BEFFB5 come 100%.

0.0%	0.0% #00D2D3	RGB 0 210 211	#00D2D3
16.7%	16.7% #1FD9CE	RGB 31 217 206	#1FD9CE
33.3%	33.3% #3FE1C9	RGB 63 225 201	#3FE1C9
50.0%	50.0% #5FE8C4	RGB 95 232 196	#5FE8C4
66.7%	66.7% #7EF0BF	RGB 126 240 191	#7EF0BF
83.3%	83.3% #9EF7BA	RGB 158 247 186	#9EF7BA
100.0%	100.0% #BEFFB5	RGB 190 255 181	#BEFFB5

#00D2D3 #1FD9CE #3FE1C9 #5FE8C4 #7EF0BF #9EF7BA #BEFFB5

#00D2D3 - #BEFFB5

Miscela HSV

#00D2D3 - #BEFFB5 | 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 #00D2D3 come 0% e #BEFFB5 come 100%.

0.0%	0.0% #00D2D3	RGB 0 210 211	#00D2D3
16.7%	16.7% #19DAB7	RGB 25 218 183	#19DAB7
33.3%	33.3% #35E1A1	RGB 53 225 161	#35E1A1
50.0%	50.0% #52E995	RGB 82 233 149	#52E995
66.7%	66.7% #71F091	RGB 113 240 145	#71F091
83.3%	83.3% #92F799	RGB 146 247 153	#92F799
100.0%	100.0% #BEFFB5	RGB 190 255 181	#BEFFB5

#00D2D3 #19DAB7 #35E1A1 #52E995 #71F091 #92F799 #BEFFB5

#00D2D3 - #52E995 - #BEFFB5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D2D3 0%, #52E995 50%, #BEFFB5 100%);
    background: -webkit-linear-gradient(top, #00D2D3 0%, #52E995 50%, #BEFFB5 100%);
    background: linear-gradient(to bottom, #00D2D3 0%, #52E995 50%, #BEFFB5 100%);
}
</style>