#D9E9F2 - #8C9BC0 | 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 #D9E9F2 a #8C9BC0

#D9E9F2 #8C9BC0

Calcola il colore tra due colori, #D9E9F2 e #8C9BC0. 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)

#D9E9F2 - #8C9BC0 | 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 #D9E9F2 come 0% e #8C9BC0 come 100%.

0.0%	0.0% #D9E9F2	RGB 217 233 242	#D9E9F2
16.7%	16.7% #CCDCE9	RGB 204 220 233	#CCDCE9
33.3%	33.3% #BFCFE1	RGB 191 207 225	#BFCFE1
50.0%	50.0% #B2C2D9	RGB 178 194 217	#B2C2D9
66.7%	66.7% #A5B5D0	RGB 165 181 208	#A5B5D0
83.3%	83.3% #98A8C8	RGB 152 168 200	#98A8C8
100.0%	100.0% #8C9BC0	RGB 140 155 192	#8C9BC0

#D9E9F2 #CCDCE9 #BFCFE1 #B2C2D9 #A5B5D0 #98A8C8 #8C9BC0

#D9E9F2 - #8C9BC0

Miscela HSV

#D9E9F2 - #8C9BC0 | 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 #D9E9F2 come 0% e #8C9BC0 come 100%.

0.0%	0.0% #D9E9F2	RGB 217 233 242	#D9E9F2
16.7%	16.7% #CBDCE9	RGB 203 220 233	#CBDCE9
33.3%	33.3% #BDD0E1	RGB 189 208 225	#BDD0E1
50.0%	50.0% #B0C3D9	RGB 176 195 217	#B0C3D9
66.7%	66.7% #A3B6D0	RGB 163 182 208	#A3B6D0
83.3%	83.3% #97A8C8	RGB 151 168 200	#97A8C8
100.0%	100.0% #8C9BC0	RGB 140 155 192	#8C9BC0

#D9E9F2 #CBDCE9 #BDD0E1 #B0C3D9 #A3B6D0 #97A8C8 #8C9BC0

#D9E9F2 - #B0C3D9 - #8C9BC0

Codici CSS

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

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