#F2FF5E - #C2DC1A | 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 #F2FF5E a #C2DC1A

#F2FF5E #C2DC1A

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

#F2FF5E - #C2DC1A | 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 #F2FF5E come 0% e #C2DC1A come 100%.

0.0%	0.0% #F2FF5E	RGB 242 255 94	#F2FF5E
16.7%	16.7% #EAF952	RGB 234 249 82	#EAF952
33.3%	33.3% #E2F347	RGB 226 243 71	#E2F347
50.0%	50.0% #DAED3C	RGB 218 237 60	#DAED3C
66.7%	66.7% #D2E730	RGB 210 231 48	#D2E730
83.3%	83.3% #CAE125	RGB 202 225 37	#CAE125
100.0%	100.0% #C2DC1A	RGB 194 220 26	#C2DC1A

#F2FF5E #EAF952 #E2F347 #DAED3C #D2E730 #CAE125 #C2DC1A

#F2FF5E - #C2DC1A

Miscela HSV

#F2FF5E - #C2DC1A | 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 #F2FF5E come 0% e #C2DC1A come 100%.

0.0%	0.0% #F2FF5D	RGB 242 255 93	#F2FF5D
16.7%	16.7% #EAF951	RGB 234 249 81	#EAF951
33.3%	33.3% #E2F345	RGB 226 243 69	#E2F345
50.0%	50.0% #DAED39	RGB 218 237 57	#DAED39
66.7%	66.7% #D2E72E	RGB 210 231 46	#D2E72E
83.3%	83.3% #CAE124	RGB 202 225 36	#CAE124
100.0%	100.0% #C2DC1A	RGB 194 220 26	#C2DC1A

#F2FF5D #EAF951 #E2F345 #DAED39 #D2E72E #CAE124 #C2DC1A

#F2FF5E - #DAED39 - #C2DC1A

Codici CSS

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

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