#C2D3C0 - #74BA6D | 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 #C2D3C0 a #74BA6D

#C2D3C0 #74BA6D

Calcola il colore tra due colori, #C2D3C0 e #74BA6D. 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)

#C2D3C0 - #74BA6D | 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 #C2D3C0 come 0% e #74BA6D come 100%.

0.0%	0.0% #C2D3C0	RGB 194 211 192	#C2D3C0
16.7%	16.7% #B5CEB2	RGB 181 206 178	#B5CEB2
33.3%	33.3% #A8CAA4	RGB 168 202 164	#A8CAA4
50.0%	50.0% #9BC696	RGB 155 198 150	#9BC696
66.7%	66.7% #8EC288	RGB 142 194 136	#8EC288
83.3%	83.3% #81BE7A	RGB 129 190 122	#81BE7A
100.0%	100.0% #74BA6D	RGB 116 186 109	#74BA6D

#C2D3C0 #B5CEB2 #A8CAA4 #9BC696 #8EC288 #81BE7A #74BA6D

#C2D3C0 - #74BA6D

Miscela HSV

#C2D3C0 - #74BA6D | 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 #C2D3C0 come 0% e #74BA6D come 100%.

0.0%	0.0% #C2D3C0	RGB 194 211 192	#C2D3C0
16.7%	16.7% #B4CEB1	RGB 180 206 177	#B4CEB1
33.3%	33.3% #A6CAA2	RGB 166 202 162	#A6CAA2
50.0%	50.0% #99C694	RGB 153 198 148	#99C694
66.7%	66.7% #8CC286	RGB 140 194 134	#8CC286
83.3%	83.3% #80BE79	RGB 128 190 121	#80BE79
100.0%	100.0% #74BA6D	RGB 116 186 109	#74BA6D

#C2D3C0 #B4CEB1 #A6CAA2 #99C694 #8CC286 #80BE79 #74BA6D

#C2D3C0 - #99C694 - #74BA6D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D3C0 0%, #99C694 50%, #74BA6D 100%);
    background: -webkit-linear-gradient(top, #C2D3C0 0%, #99C694 50%, #74BA6D 100%);
    background: linear-gradient(to bottom, #C2D3C0 0%, #99C694 50%, #74BA6D 100%);
}
</style>