#C0E3A8 - #FFEFBD | 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 #C0E3A8 a #FFEFBD

#C0E3A8 #FFEFBD

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

#C0E3A8 - #FFEFBD | 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 #C0E3A8 come 0% e #FFEFBD come 100%.

0.0%	0.0% #C0E3A8	RGB 192 227 168	#C0E3A8
16.7%	16.7% #CAE5AB	RGB 202 229 171	#CAE5AB
33.3%	33.3% #D5E7AF	RGB 213 231 175	#D5E7AF
50.0%	50.0% #DFE9B2	RGB 223 233 178	#DFE9B2
66.7%	66.7% #EAEBB6	RGB 234 235 182	#EAEBB6
83.3%	83.3% #F4EDB9	RGB 244 237 185	#F4EDB9
100.0%	100.0% #FFEFBD	RGB 255 239 189	#FFEFBD

#C0E3A8 #CAE5AB #D5E7AF #DFE9B2 #EAEBB6 #F4EDB9 #FFEFBD

#C0E3A8 - #FFEFBD

Miscela HSV

#C0E3A8 - #FFEFBD | 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 #C0E3A8 come 0% e #FFEFBD come 100%.

0.0%	0.0% #C0E3A8	RGB 192 227 168	#C0E3A8
16.7%	16.7% #CCE7AB	RGB 204 231 171	#CCE7AB
33.3%	33.3% #D9ECAE	RGB 217 236 174	#D9ECAE
50.0%	50.0% #E6F1B2	RGB 230 241 178	#E6F1B2
66.7%	66.7% #F3F5B5	RGB 243 245 181	#F3F5B5
83.3%	83.3% #FAF3B9	RGB 250 243 185	#FAF3B9
100.0%	100.0% #FFEFBD	RGB 255 239 189	#FFEFBD

#C0E3A8 #CCE7AB #D9ECAE #E6F1B2 #F3F5B5 #FAF3B9 #FFEFBD

#C0E3A8 - #E6F1B2 - #FFEFBD

Codici CSS

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

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