#5E5D5C - #BFDA89 | 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 #5E5D5C a #BFDA89

#5E5D5C #BFDA89

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

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #6E7163	RGB 110 113 99	#6E7163
33.3%	33.3% #7E866B	RGB 126 134 107	#7E866B
50.0%	50.0% #8E9B72	RGB 142 155 114	#8E9B72
66.7%	66.7% #9EB07A	RGB 158 176 122	#9EB07A
83.3%	83.3% #AEC581	RGB 174 197 129	#AEC581
100.0%	100.0% #BFDA89	RGB 191 218 137	#BFDA89

#5E5D5C #6E7163 #7E866B #8E9B72 #9EB07A #AEC581 #BFDA89

#5E5D5C - #BFDA89

Miscela HSV

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #726F69	RGB 114 111 105	#726F69
33.3%	33.3% #878374	RGB 135 131 116	#878374
50.0%	50.0% #9C997D	RGB 156 153 125	#9C997D
66.7%	66.7% #AEB083	RGB 174 176 131	#AEB083
83.3%	83.3% #B9C587	RGB 185 197 135	#B9C587
100.0%	100.0% #BFDA89	RGB 191 218 137	#BFDA89

#5E5D5C #726F69 #878374 #9C997D #AEB083 #B9C587 #BFDA89

#5E5D5C - #9C997D - #BFDA89

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D5C 0%, #9C997D 50%, #BFDA89 100%);
    background: -webkit-linear-gradient(top, #5E5D5C 0%, #9C997D 50%, #BFDA89 100%);
    background: linear-gradient(to bottom, #5E5D5C 0%, #9C997D 50%, #BFDA89 100%);
}
</style>