#1DAEB6 - #BEE7EA | 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 #1DAEB6 a #BEE7EA

#1DAEB6 #BEE7EA

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

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

0.0%	0.0% #1DAEB6	RGB 29 174 182	#1DAEB6
16.7%	16.7% #37B7BE	RGB 55 183 190	#37B7BE
33.3%	33.3% #52C1C7	RGB 82 193 199	#52C1C7
50.0%	50.0% #6DCAD0	RGB 109 202 208	#6DCAD0
66.7%	66.7% #88D4D8	RGB 136 212 216	#88D4D8
83.3%	83.3% #A3DDE1	RGB 163 221 225	#A3DDE1
100.0%	100.0% #BEE7EA	RGB 190 231 234	#BEE7EA

#1DAEB6 #37B7BE #52C1C7 #6DCAD0 #88D4D8 #A3DDE1 #BEE7EA

#1DAEB6 - #BEE7EA

Miscela HSV

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

0.0%	0.0% #1DADB6	RGB 29 173 182	#1DADB6
16.7%	16.7% #33B7BE	RGB 51 183 190	#33B7BE
33.3%	33.3% #4BC0C7	RGB 75 192 199	#4BC0C7
50.0%	50.0% #65C9D0	RGB 101 201 208	#65C9D0
66.7%	66.7% #80D3D8	RGB 128 211 216	#80D3D8
83.3%	83.3% #9EDCE1	RGB 158 220 225	#9EDCE1
100.0%	100.0% #BEE7EA	RGB 190 231 234	#BEE7EA

#1DADB6 #33B7BE #4BC0C7 #65C9D0 #80D3D8 #9EDCE1 #BEE7EA

#1DAEB6 - #65C9D0 - #BEE7EA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DADB6 0%, #65C9D0 50%, #BEE7EA 100%);
    background: -webkit-linear-gradient(top, #1DADB6 0%, #65C9D0 50%, #BEE7EA 100%);
    background: linear-gradient(to bottom, #1DADB6 0%, #65C9D0 50%, #BEE7EA 100%);
}
</style>