#CFED5E - #91C41D | 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 #CFED5E a #91C41D

#CFED5E #91C41D

Calcola il colore tra due colori, #CFED5E e #91C41D. 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)

#CFED5E - #91C41D | 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 #CFED5E come 0% e #91C41D come 100%.

0.0%	0.0% #CFED5E	RGB 207 237 94	#CFED5E
16.7%	16.7% #C4E653	RGB 196 230 83	#C4E653
33.3%	33.3% #BADF48	RGB 186 223 72	#BADF48
50.0%	50.0% #B0D83D	RGB 176 216 61	#B0D83D
66.7%	66.7% #A5D132	RGB 165 209 50	#A5D132
83.3%	83.3% #9BCA27	RGB 155 202 39	#9BCA27
100.0%	100.0% #91C41D	RGB 145 196 29	#91C41D

#CFED5E #C4E653 #BADF48 #B0D83D #A5D132 #9BCA27 #91C41D

#CFED5E - #91C41D

Miscela HSV

#CFED5E - #91C41D | 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 #CFED5E come 0% e #91C41D come 100%.

0.0%	0.0% #CFED5E	RGB 207 237 94	#CFED5E
16.7%	16.7% #C4E651	RGB 196 230 81	#C4E651
33.3%	33.3% #BADF46	RGB 186 223 70	#BADF46
50.0%	50.0% #AFD83A	RGB 175 216 58	#AFD83A
66.7%	66.7% #A5D130	RGB 165 209 48	#A5D130
83.3%	83.3% #9BCA26	RGB 155 202 38	#9BCA26
100.0%	100.0% #91C41D	RGB 145 196 29	#91C41D

#CFED5E #C4E651 #BADF46 #AFD83A #A5D130 #9BCA26 #91C41D

#CFED5E - #AFD83A - #91C41D

Codici CSS

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

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