#EEF5E9 - #ADC299 | 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 #EEF5E9 a #ADC299

#EEF5E9 #ADC299

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

#EEF5E9 - #ADC299 | 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 #EEF5E9 come 0% e #ADC299 come 100%.

0.0%	0.0% #EEF5E9	RGB 238 245 233	#EEF5E9
16.7%	16.7% #E3ECDB	RGB 227 236 219	#E3ECDB
33.3%	33.3% #D8E4CE	RGB 216 228 206	#D8E4CE
50.0%	50.0% #CDDBC1	RGB 205 219 193	#CDDBC1
66.7%	66.7% #C2D3B3	RGB 194 211 179	#C2D3B3
83.3%	83.3% #B7CAA6	RGB 183 202 166	#B7CAA6
100.0%	100.0% #ADC299	RGB 173 194 153	#ADC299

#EEF5E9 #E3ECDB #D8E4CE #CDDBC1 #C2D3B3 #B7CAA6 #ADC299

#EEF5E9 - #ADC299

Miscela HSV

#EEF5E9 - #ADC299 | 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 #EEF5E9 come 0% e #ADC299 come 100%.

0.0%	0.0% #EEF5E9	RGB 238 245 233	#EEF5E9
16.7%	16.7% #E2ECDA	RGB 226 236 218	#E2ECDA
33.3%	33.3% #D6E4CC	RGB 214 228 204	#D6E4CC
50.0%	50.0% #CBDBBE	RGB 203 219 190	#CBDBBE
66.7%	66.7% #C1D3B1	RGB 193 211 177	#C1D3B1
83.3%	83.3% #B6CAA5	RGB 182 202 165	#B6CAA5
100.0%	100.0% #ADC299	RGB 173 194 153	#ADC299

#EEF5E9 #E2ECDA #D6E4CC #CBDBBE #C1D3B1 #B6CAA5 #ADC299

#EEF5E9 - #CBDBBE - #ADC299

Codici CSS

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

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