#B0545E - #E8CED1 | 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 #B0545E a #E8CED1

#B0545E #E8CED1

Calcola il colore tra due colori, #B0545E e #E8CED1. 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)

#B0545E - #E8CED1 | 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 #B0545E come 0% e #E8CED1 come 100%.

0.0%	0.0% #B0545E	RGB 176 84 94	#B0545E
16.7%	16.7% #B96871	RGB 185 104 113	#B96871
33.3%	33.3% #C27C84	RGB 194 124 132	#C27C84
50.0%	50.0% #CC9197	RGB 204 145 151	#CC9197
66.7%	66.7% #D5A5AA	RGB 213 165 170	#D5A5AA
83.3%	83.3% #DEB9BD	RGB 222 185 189	#DEB9BD
100.0%	100.0% #E8CED1	RGB 232 206 209	#E8CED1

#B0545E #B96871 #C27C84 #CC9197 #D5A5AA #DEB9BD #E8CED1

#B0545E - #E8CED1

Miscela HSV

#B0545E - #E8CED1 | 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 #B0545E come 0% e #E8CED1 come 100%.

0.0%	0.0% #B0545E	RGB 176 84 94	#B0545E
16.7%	16.7% #B9656E	RGB 185 101 110	#B9656E
33.3%	33.3% #C2777F	RGB 194 119 127	#C2777F
50.0%	50.0% #CC8B92	RGB 204 139 146	#CC8B92
66.7%	66.7% #D5A0A6	RGB 213 160 166	#D5A0A6
83.3%	83.3% #DEB6BB	RGB 222 182 187	#DEB6BB
100.0%	100.0% #E8CED1	RGB 232 206 209	#E8CED1

#B0545E #B9656E #C2777F #CC8B92 #D5A0A6 #DEB6BB #E8CED1

#B0545E - #CC8B92 - #E8CED1

Codici CSS

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

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