#97D5E6 - #ECE4DF | 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 #97D5E6 a #ECE4DF

#97D5E6 #ECE4DF

Calcola il colore tra due colori, #97D5E6 e #ECE4DF. 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)

#97D5E6 - #ECE4DF | 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 #97D5E6 come 0% e #ECE4DF come 100%.

0.0%	0.0% #97D5E6	RGB 151 213 230	#97D5E6
16.7%	16.7% #A5D7E4	RGB 165 215 228	#A5D7E4
33.3%	33.3% #B3DAE3	RGB 179 218 227	#B3DAE3
50.0%	50.0% #C1DCE2	RGB 193 220 226	#C1DCE2
66.7%	66.7% #CFDFE1	RGB 207 223 225	#CFDFE1
83.3%	83.3% #DDE1E0	RGB 221 225 224	#DDE1E0
100.0%	100.0% #ECE4DF	RGB 236 228 223	#ECE4DF

#97D5E6 #A5D7E4 #B3DAE3 #C1DCE2 #CFDFE1 #DDE1E0 #ECE4DF

#97D5E6 - #ECE4DF

Miscela HSV

#97D5E6 - #ECE4DF | 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 #97D5E6 come 0% e #ECE4DF come 100%.

0.0%	0.0% #97D5E6	RGB 151 213 230	#97D5E6
16.7%	16.7% #A2E7D5	RGB 162 231 213	#A2E7D5
33.3%	33.3% #AEE8BE	RGB 174 232 190	#AEE8BE
50.0%	50.0% #C3E9BA	RGB 195 233 186	#C3E9BA
66.7%	66.7% #DEEAC6	RGB 222 234 198	#DEEAC6
83.3%	83.3% #EBE7D2	RGB 235 231 210	#EBE7D2
100.0%	100.0% #ECE4DF	RGB 236 228 223	#ECE4DF

#97D5E6 #A2E7D5 #AEE8BE #C3E9BA #DEEAC6 #EBE7D2 #ECE4DF

#97D5E6 - #C3E9BA - #ECE4DF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97D5E6 0%, #C3E9BA 50%, #ECE4DF 100%);
    background: -webkit-linear-gradient(top, #97D5E6 0%, #C3E9BA 50%, #ECE4DF 100%);
    background: linear-gradient(to bottom, #97D5E6 0%, #C3E9BA 50%, #ECE4DF 100%);
}
</style>