#5E9EB5 - #D3D5C7 | 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 #5E9EB5 a #D3D5C7

#5E9EB5 #D3D5C7

Calcola il colore tra due colori, #5E9EB5 e #D3D5C7. 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)

#5E9EB5 - #D3D5C7 | 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 #5E9EB5 come 0% e #D3D5C7 come 100%.

0.0%	0.0% #5E9EB5	RGB 94 158 181	#5E9EB5
16.7%	16.7% #71A7B8	RGB 113 167 184	#71A7B8
33.3%	33.3% #85B0BB	RGB 133 176 187	#85B0BB
50.0%	50.0% #98B9BE	RGB 152 185 190	#98B9BE
66.7%	66.7% #ACC2C1	RGB 172 194 193	#ACC2C1
83.3%	83.3% #BFCBC4	RGB 191 203 196	#BFCBC4
100.0%	100.0% #D3D5C7	RGB 211 213 199	#D3D5C7

#5E9EB5 #71A7B8 #85B0BB #98B9BE #ACC2C1 #BFCBC4 #D3D5C7

#5E9EB5 - #D3D5C7

Miscela HSV

#5E9EB5 - #D3D5C7 | 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 #5E9EB5 come 0% e #D3D5C7 come 100%.

0.0%	0.0% #5E9EB5	RGB 94 158 181	#5E9EB5
16.7%	16.7% #6DBAB3	RGB 109 186 179	#6DBAB3
33.3%	33.3% #7EBFA2	RGB 126 191 162	#7EBFA2
50.0%	50.0% #8FC59A	RGB 143 197 154	#8FC59A
66.7%	66.7% #A7CAA1	RGB 167 202 161	#A7CAA1
83.3%	83.3% #C1CFB3	RGB 193 207 179	#C1CFB3
100.0%	100.0% #D3D5C7	RGB 211 213 199	#D3D5C7

#5E9EB5 #6DBAB3 #7EBFA2 #8FC59A #A7CAA1 #C1CFB3 #D3D5C7

#5E9EB5 - #8FC59A - #D3D5C7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9EB5 0%, #8FC59A 50%, #D3D5C7 100%);
    background: -webkit-linear-gradient(top, #5E9EB5 0%, #8FC59A 50%, #D3D5C7 100%);
    background: linear-gradient(to bottom, #5E9EB5 0%, #8FC59A 50%, #D3D5C7 100%);
}
</style>