#C7E3C8 - #5AB65D | 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 #C7E3C8 a #5AB65D

#C7E3C8 #5AB65D

Calcola il colore tra due colori, #C7E3C8 e #5AB65D. 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)

#C7E3C8 - #5AB65D | 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 #C7E3C8 come 0% e #5AB65D come 100%.

0.0%	0.0% #C7E3C8	RGB 199 227 200	#C7E3C8
16.7%	16.7% #B4DBB6	RGB 180 219 182	#B4DBB6
33.3%	33.3% #A2D4A4	RGB 162 212 164	#A2D4A4
50.0%	50.0% #90CC92	RGB 144 204 146	#90CC92
66.7%	66.7% #7EC580	RGB 126 197 128	#7EC580
83.3%	83.3% #6CBD6E	RGB 108 189 110	#6CBD6E
100.0%	100.0% #5AB65D	RGB 90 182 93	#5AB65D

#C7E3C8 #B4DBB6 #A2D4A4 #90CC92 #7EC580 #6CBD6E #5AB65D

#C7E3C8 - #5AB65D

Miscela HSV

#C7E3C8 - #5AB65D | 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 #C7E3C8 come 0% e #5AB65D come 100%.

0.0%	0.0% #C7E3C8	RGB 199 227 200	#C7E3C8
16.7%	16.7% #B2DBB3	RGB 178 219 179	#B2DBB3
33.3%	33.3% #9ED4A0	RGB 158 212 160	#9ED4A0
50.0%	50.0% #8CCC8E	RGB 140 204 142	#8CCC8E
66.7%	66.7% #7AC57D	RGB 122 197 125	#7AC57D
83.3%	83.3% #69BD6C	RGB 105 189 108	#69BD6C
100.0%	100.0% #5AB65D	RGB 90 182 93	#5AB65D

#C7E3C8 #B2DBB3 #9ED4A0 #8CCC8E #7AC57D #69BD6C #5AB65D

#C7E3C8 - #8CCC8E - #5AB65D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E3C8 0%, #8CCC8E 50%, #5AB65D 100%);
    background: -webkit-linear-gradient(top, #C7E3C8 0%, #8CCC8E 50%, #5AB65D 100%);
    background: linear-gradient(to bottom, #C7E3C8 0%, #8CCC8E 50%, #5AB65D 100%);
}
</style>