#C8AC5E - #A06F1B | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C8AC5E a #A06F1B

#C8AC5E #A06F1B

Calcule el color entre dos colores, #C8AC5E y #A06F1B. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C8AC5E - #A06F1B | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C8AC5E como 0% y #A06F1B como 100%.

0.0%	0.0% #C8AC5E	RGB 200 172 94	#C8AC5E
16.7%	16.7% #C1A152	RGB 193 161 82	#C1A152
33.3%	33.3% #BA9747	RGB 186 151 71	#BA9747
50.0%	50.0% #B48D3C	RGB 180 141 60	#B48D3C
66.7%	66.7% #AD8331	RGB 173 131 49	#AD8331
83.3%	83.3% #A67926	RGB 166 121 38	#A67926
100.0%	100.0% #A06F1B	RGB 160 111 27	#A06F1B

#C8AC5E #C1A152 #BA9747 #B48D3C #AD8331 #A67926 #A06F1B

#C8AC5E - #A06F1B

Mezcla HSV

#C8AC5E - #A06F1B | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C8AC5E como 0% y #A06F1B como 100%.

0.0%	0.0% #C8AC5E	RGB 200 172 94	#C8AC5E
16.7%	16.7% #C1A151	RGB 193 161 81	#C1A151
33.3%	33.3% #BA9744	RGB 186 151 68	#BA9744
50.0%	50.0% #B48D39	RGB 180 141 57	#B48D39
66.7%	66.7% #AD832E	RGB 173 131 46	#AD832E
83.3%	83.3% #A67824	RGB 166 120 36	#A67824
100.0%	100.0% #A06F1B	RGB 160 111 27	#A06F1B

#C8AC5E #C1A151 #BA9744 #B48D39 #AD832E #A67824 #A06F1B

#C8AC5E - #B48D39 - #A06F1B

Códigos CSS

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

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