#C0D6CB - #5E9863 | 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 #C0D6CB a #5E9863

#C0D6CB #5E9863

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

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

0.0%	0.0% #C0D6CB	RGB 192 214 203	#C0D6CB
16.7%	16.7% #AFCBB9	RGB 175 203 185	#AFCBB9
33.3%	33.3% #9FC1A8	RGB 159 193 168	#9FC1A8
50.0%	50.0% #8FB797	RGB 143 183 151	#8FB797
66.7%	66.7% #7EAC85	RGB 126 172 133	#7EAC85
83.3%	83.3% #6EA274	RGB 110 162 116	#6EA274
100.0%	100.0% #5E9863	RGB 94 152 99	#5E9863

#C0D6CB #AFCBB9 #9FC1A8 #8FB797 #7EAC85 #6EA274 #5E9863

#C0D6CB - #5E9863

Miscela HSV

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

0.0%	0.0% #C0D6CB	RGB 192 214 203	#C0D6CB
16.7%	16.7% #ADCBBA	RGB 173 203 186	#ADCBBA
33.3%	33.3% #9BC1A9	RGB 155 193 169	#9BC1A9
50.0%	50.0% #8AB797	RGB 138 183 151	#8AB797
66.7%	66.7% #7AAC85	RGB 122 172 133	#7AAC85
83.3%	83.3% #6BA274	RGB 107 162 116	#6BA274
100.0%	100.0% #5E9863	RGB 94 152 99	#5E9863

#C0D6CB #ADCBBA #9BC1A9 #8AB797 #7AAC85 #6BA274 #5E9863

#C0D6CB - #8AB797 - #5E9863

Codici CSS

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

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