#B5E4D8 - #33413D | 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 #B5E4D8 a #33413D

#B5E4D8 #33413D

Calcola il colore tra due colori, #B5E4D8 e #33413D. 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)

#B5E4D8 - #33413D | 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 #B5E4D8 come 0% e #33413D come 100%.

0.0%	0.0% #B5E4D8	RGB 181 228 216	#B5E4D8
16.7%	16.7% #9FC8BE	RGB 159 200 190	#9FC8BE
33.3%	33.3% #89ADA4	RGB 137 173 164	#89ADA4
50.0%	50.0% #74928A	RGB 116 146 138	#74928A
66.7%	66.7% #5E7770	RGB 94 119 112	#5E7770
83.3%	83.3% #485C56	RGB 72 92 86	#485C56
100.0%	100.0% #33413D	RGB 51 65 61	#33413D

#B5E4D8 #9FC8BE #89ADA4 #74928A #5E7770 #485C56 #33413D

#B5E4D8 - #33413D

Miscela HSV

#B5E4D8 - #33413D | 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 #B5E4D8 come 0% e #33413D come 100%.

0.0%	0.0% #B5E4D8	RGB 181 228 216	#B5E4D8
16.7%	16.7% #9FC8BD	RGB 159 200 189	#9FC8BD
33.3%	33.3% #89ADA4	RGB 137 173 164	#89ADA4
50.0%	50.0% #73928A	RGB 115 146 138	#73928A
66.7%	66.7% #5D7770	RGB 93 119 112	#5D7770
83.3%	83.3% #485C56	RGB 72 92 86	#485C56
100.0%	100.0% #33413D	RGB 51 65 61	#33413D

#B5E4D8 #9FC8BD #89ADA4 #73928A #5D7770 #485C56 #33413D

#B5E4D8 - #73928A - #33413D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4D8 0%, #73928A 50%, #33413D 100%);
    background: -webkit-linear-gradient(top, #B5E4D8 0%, #73928A 50%, #33413D 100%);
    background: linear-gradient(to bottom, #B5E4D8 0%, #73928A 50%, #33413D 100%);
}
</style>