#C5D5E5 - #6D8AAE | 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 #C5D5E5 a #6D8AAE

#C5D5E5 #6D8AAE

Calcola il colore tra due colori, #C5D5E5 e #6D8AAE. 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)

#C5D5E5 - #6D8AAE | 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 #C5D5E5 come 0% e #6D8AAE come 100%.

0.0%	0.0% #C5D5E5	RGB 197 213 229	#C5D5E5
16.7%	16.7% #B6C8DB	RGB 182 200 219	#B6C8DB
33.3%	33.3% #A7BCD2	RGB 167 188 210	#A7BCD2
50.0%	50.0% #99AFC9	RGB 153 175 201	#99AFC9
66.7%	66.7% #8AA3C0	RGB 138 163 192	#8AA3C0
83.3%	83.3% #7B96B7	RGB 123 150 183	#7B96B7
100.0%	100.0% #6D8AAE	RGB 109 138 174	#6D8AAE

#C5D5E5 #B6C8DB #A7BCD2 #99AFC9 #8AA3C0 #7B96B7 #6D8AAE

#C5D5E5 - #6D8AAE

Miscela HSV

#C5D5E5 - #6D8AAE | 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 #C5D5E5 come 0% e #6D8AAE come 100%.

0.0%	0.0% #C5D5E5	RGB 197 213 229	#C5D5E5
16.7%	16.7% #B4C7DB	RGB 180 199 219	#B4C7DB
33.3%	33.3% #A4BAD2	RGB 164 186 210	#A4BAD2
50.0%	50.0% #95AEC9	RGB 149 174 201	#95AEC9
66.7%	66.7% #87A1C0	RGB 135 161 192	#87A1C0
83.3%	83.3% #7995B7	RGB 121 149 183	#7995B7
100.0%	100.0% #6D8AAE	RGB 109 138 174	#6D8AAE

#C5D5E5 #B4C7DB #A4BAD2 #95AEC9 #87A1C0 #7995B7 #6D8AAE

#C5D5E5 - #95AEC9 - #6D8AAE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5D5E5 0%, #95AEC9 50%, #6D8AAE 100%);
    background: -webkit-linear-gradient(top, #C5D5E5 0%, #95AEC9 50%, #6D8AAE 100%);
    background: linear-gradient(to bottom, #C5D5E5 0%, #95AEC9 50%, #6D8AAE 100%);
}
</style>