#CEE1B5 - #D9F0FF | 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 #CEE1B5 a #D9F0FF

#CEE1B5 #D9F0FF

Calcola il colore tra due colori, #CEE1B5 e #D9F0FF. 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)

#CEE1B5 - #D9F0FF | 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 #CEE1B5 come 0% e #D9F0FF come 100%.

0.0%	0.0% #CEE1B5	RGB 206 225 181	#CEE1B5
16.7%	16.7% #CFE3C1	RGB 207 227 193	#CFE3C1
33.3%	33.3% #D1E6CD	RGB 209 230 205	#D1E6CD
50.0%	50.0% #D3E8DA	RGB 211 232 218	#D3E8DA
66.7%	66.7% #D5EBE6	RGB 213 235 230	#D5EBE6
83.3%	83.3% #D7EDF2	RGB 215 237 242	#D7EDF2
100.0%	100.0% #D9F0FF	RGB 217 240 255	#D9F0FF

#CEE1B5 #CFE3C1 #D1E6CD #D3E8DA #D5EBE6 #D7EDF2 #D9F0FF

#CEE1B5 - #D9F0FF

Miscela HSV

#CEE1B5 - #D9F0FF | 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 #CEE1B5 come 0% e #D9F0FF come 100%.

0.0%	0.0% #CEE1B5	RGB 206 225 181	#CEE1B5
16.7%	16.7% #C5E6BA	RGB 197 230 186	#C5E6BA
33.3%	33.3% #C0EBC4	RGB 192 235 196	#C0EBC4
50.0%	50.0% #C6F0D7	RGB 198 240 215	#C6F0D7
66.7%	66.7% #CCF5EA	RGB 204 245 234	#CCF5EA
83.3%	83.3% #D2F7FA	RGB 210 247 250	#D2F7FA
100.0%	100.0% #D9F0FF	RGB 217 240 255	#D9F0FF

#CEE1B5 #C5E6BA #C0EBC4 #C6F0D7 #CCF5EA #D2F7FA #D9F0FF

#CEE1B5 - #C6F0D7 - #D9F0FF

Codici CSS

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

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