#B5E2CE - #48B58E | 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 #B5E2CE a #48B58E

#B5E2CE #48B58E

Calcola il colore tra due colori, #B5E2CE e #48B58E. 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)

#B5E2CE - #48B58E | 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 #B5E2CE come 0% e #48B58E come 100%.

0.0%	0.0% #B5E2CE	RGB 181 226 206	#B5E2CE
16.7%	16.7% #A2DAC3	RGB 162 218 195	#A2DAC3
33.3%	33.3% #90D3B8	RGB 144 211 184	#90D3B8
50.0%	50.0% #7ECBAE	RGB 126 203 174	#7ECBAE
66.7%	66.7% #6CC4A3	RGB 108 196 163	#6CC4A3
83.3%	83.3% #5ABC98	RGB 90 188 152	#5ABC98
100.0%	100.0% #48B58E	RGB 72 181 142	#48B58E

#B5E2CE #A2DAC3 #90D3B8 #7ECBAE #6CC4A3 #5ABC98 #48B58E

#B5E2CE - #48B58E

Miscela HSV

#B5E2CE - #48B58E | 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 #B5E2CE come 0% e #48B58E come 100%.

0.0%	0.0% #B5E2CE	RGB 181 226 206	#B5E2CE
16.7%	16.7% #A0DAC1	RGB 160 218 193	#A0DAC1
33.3%	33.3% #8CD3B5	RGB 140 211 181	#8CD3B5
50.0%	50.0% #79CBAA	RGB 121 203 170	#79CBAA
66.7%	66.7% #68C4A0	RGB 104 196 160	#68C4A0
83.3%	83.3% #57BC96	RGB 87 188 150	#57BC96
100.0%	100.0% #48B58E	RGB 72 181 142	#48B58E

#B5E2CE #A0DAC1 #8CD3B5 #79CBAA #68C4A0 #57BC96 #48B58E

#B5E2CE - #79CBAA - #48B58E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2CE 0%, #79CBAA 50%, #48B58E 100%);
    background: -webkit-linear-gradient(top, #B5E2CE 0%, #79CBAA 50%, #48B58E 100%);
    background: linear-gradient(to bottom, #B5E2CE 0%, #79CBAA 50%, #48B58E 100%);
}
</style>