#D9E5E3 - #74B5B5 | 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 #D9E5E3 a #74B5B5

#D9E5E3 #74B5B5

Calcola il colore tra due colori, #D9E5E3 e #74B5B5. 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)

#D9E5E3 - #74B5B5 | 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 #D9E5E3 come 0% e #74B5B5 come 100%.

0.0%	0.0% #D9E5E3	RGB 217 229 227	#D9E5E3
16.7%	16.7% #C8DDDB	RGB 200 221 219	#C8DDDB
33.3%	33.3% #B7D5D3	RGB 183 213 211	#B7D5D3
50.0%	50.0% #A6CDCC	RGB 166 205 204	#A6CDCC
66.7%	66.7% #95C5C4	RGB 149 197 196	#95C5C4
83.3%	83.3% #84BDBC	RGB 132 189 188	#84BDBC
100.0%	100.0% #74B5B5	RGB 116 181 181	#74B5B5

#D9E5E3 #C8DDDB #B7D5D3 #A6CDCC #95C5C4 #84BDBC #74B5B5

#D9E5E3 - #74B5B5

Miscela HSV

#D9E5E3 - #74B5B5 | 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 #D9E5E3 come 0% e #74B5B5 come 100%.

0.0%	0.0% #D9E5E3	RGB 217 229 227	#D9E5E3
16.7%	16.7% #C6DDD9	RGB 198 221 217	#C6DDD9
33.3%	33.3% #B4D5D1	RGB 180 213 209	#B4D5D1
50.0%	50.0% #A2CDC9	RGB 162 205 201	#A2CDC9
66.7%	66.7% #92C5C2	RGB 146 197 194	#92C5C2
83.3%	83.3% #82BDBB	RGB 130 189 187	#82BDBB
100.0%	100.0% #74B5B5	RGB 116 181 181	#74B5B5

#D9E5E3 #C6DDD9 #B4D5D1 #A2CDC9 #92C5C2 #82BDBB #74B5B5

#D9E5E3 - #A2CDC9 - #74B5B5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9E5E3 0%, #A2CDC9 50%, #74B5B5 100%);
    background: -webkit-linear-gradient(top, #D9E5E3 0%, #A2CDC9 50%, #74B5B5 100%);
    background: linear-gradient(to bottom, #D9E5E3 0%, #A2CDC9 50%, #74B5B5 100%);
}
</style>