#DDDF2D - #EAFD52 | 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 #DDDF2D a #EAFD52

#DDDF2D #EAFD52

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

#DDDF2D - #EAFD52 | 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 #DDDF2D come 0% e #EAFD52 come 100%.

0.0%	0.0% #DDDF2D	RGB 221 223 45	#DDDF2D
16.7%	16.7% #DFE433	RGB 223 228 51	#DFE433
33.3%	33.3% #E1E939	RGB 225 233 57	#E1E939
50.0%	50.0% #E3EE3F	RGB 227 238 63	#E3EE3F
66.7%	66.7% #E5F345	RGB 229 243 69	#E5F345
83.3%	83.3% #E7F84B	RGB 231 248 75	#E7F84B
100.0%	100.0% #EAFD52	RGB 234 253 82	#EAFD52

#DDDF2D #DFE433 #E1E939 #E3EE3F #E5F345 #E7F84B #EAFD52

#DDDF2D - #EAFD52

Miscela HSV

#DDDF2D - #EAFD52 | 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 #DDDF2D come 0% e #EAFD52 come 100%.

0.0%	0.0% #DDDF2D	RGB 221 223 45	#DDDF2D
16.7%	16.7% #DFE432	RGB 223 228 50	#DFE432
33.3%	33.3% #E1E938	RGB 225 233 56	#E1E938
50.0%	50.0% #E3EE3E	RGB 227 238 62	#E3EE3E
66.7%	66.7% #E5F344	RGB 229 243 68	#E5F344
83.3%	83.3% #E7F84B	RGB 231 248 75	#E7F84B
100.0%	100.0% #EAFD52	RGB 234 253 82	#EAFD52

#DDDF2D #DFE432 #E1E938 #E3EE3E #E5F344 #E7F84B #EAFD52

#DDDF2D - #E3EE3E - #EAFD52

Codici CSS

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

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