#1E5E4B - #BED1CB | 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 #1E5E4B a #BED1CB

#1E5E4B #BED1CB

Calcola il colore tra due colori, #1E5E4B e #BED1CB. 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)

#1E5E4B - #BED1CB | 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 #1E5E4B come 0% e #BED1CB come 100%.

0.0%	0.0% #1E5E4B	RGB 30 94 75	#1E5E4B
16.7%	16.7% #387160	RGB 56 113 96	#387160
33.3%	33.3% #538475	RGB 83 132 117	#538475
50.0%	50.0% #6E978B	RGB 110 151 139	#6E978B
66.7%	66.7% #88AAA0	RGB 136 170 160	#88AAA0
83.3%	83.3% #A3BDB5	RGB 163 189 181	#A3BDB5
100.0%	100.0% #BED1CB	RGB 190 209 203	#BED1CB

#1E5E4B #387160 #538475 #6E978B #88AAA0 #A3BDB5 #BED1CB

#1E5E4B - #BED1CB

Miscela HSV

#1E5E4B - #BED1CB | 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 #1E5E4B come 0% e #BED1CB come 100%.

0.0%	0.0% #1E5E4B	RGB 30 94 75	#1E5E4B
16.7%	16.7% #2F715D	RGB 47 113 93	#2F715D
33.3%	33.3% #448470	RGB 68 132 112	#448470
50.0%	50.0% #5D9785	RGB 93 151 133	#5D9785
66.7%	66.7% #79AA9B	RGB 121 170 155	#79AA9B
83.3%	83.3% #99BDB2	RGB 153 189 178	#99BDB2
100.0%	100.0% #BED1CB	RGB 190 209 203	#BED1CB

#1E5E4B #2F715D #448470 #5D9785 #79AA9B #99BDB2 #BED1CB

#1E5E4B - #5D9785 - #BED1CB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E4B 0%, #5D9785 50%, #BED1CB 100%);
    background: -webkit-linear-gradient(top, #1E5E4B 0%, #5D9785 50%, #BED1CB 100%);
    background: linear-gradient(to bottom, #1E5E4B 0%, #5D9785 50%, #BED1CB 100%);
}
</style>