#DFEEE2 - #8ABAB3 | 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 #DFEEE2 a #8ABAB3

#DFEEE2 #8ABAB3

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

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

0.0%	0.0% #DFEEE2	RGB 223 238 226	#DFEEE2
16.7%	16.7% #D0E5DA	RGB 208 229 218	#D0E5DA
33.3%	33.3% #C2DCD2	RGB 194 220 210	#C2DCD2
50.0%	50.0% #B4D4CA	RGB 180 212 202	#B4D4CA
66.7%	66.7% #A6CBC2	RGB 166 203 194	#A6CBC2
83.3%	83.3% #98C2BA	RGB 152 194 186	#98C2BA
100.0%	100.0% #8ABAB3	RGB 138 186 179	#8ABAB3

#DFEEE2 #D0E5DA #C2DCD2 #B4D4CA #A6CBC2 #98C2BA #8ABAB3

#DFEEE2 - #8ABAB3

Miscela HSV

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

0.0%	0.0% #DFEEE2	RGB 223 238 226	#DFEEE2
16.7%	16.7% #CFE5D6	RGB 207 229 214	#CFE5D6
33.3%	33.3% #C0DCCC	RGB 192 220 204	#C0DCCC
50.0%	50.0% #B1D4C3	RGB 177 212 195	#B1D4C3
66.7%	66.7% #A4CBBD	RGB 164 203 189	#A4CBBD
83.3%	83.3% #96C2B7	RGB 150 194 183	#96C2B7
100.0%	100.0% #8ABAB3	RGB 138 186 179	#8ABAB3

#DFEEE2 #CFE5D6 #C0DCCC #B1D4C3 #A4CBBD #96C2B7 #8ABAB3

#DFEEE2 - #B1D4C3 - #8ABAB3

Codici CSS

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

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