#ECCC6B - #433A1E | 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 #ECCC6B a #433A1E

#ECCC6B #433A1E

Calcule el color entre dos colores, #ECCC6B y #433A1E. 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)

#ECCC6B - #433A1E | 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 #ECCC6B como 0% y #433A1E como 100%.

0.0%	0.0% #ECCC6B	RGB 236 204 107	#ECCC6B
16.7%	16.7% #CFB35E	RGB 207 179 94	#CFB35E
33.3%	33.3% #B39B51	RGB 179 155 81	#B39B51
50.0%	50.0% #978344	RGB 151 131 68	#978344
66.7%	66.7% #7B6A37	RGB 123 106 55	#7B6A37
83.3%	83.3% #5F522A	RGB 95 82 42	#5F522A
100.0%	100.0% #433A1E	RGB 67 58 30	#433A1E

#ECCC6B #CFB35E #B39B51 #978344 #7B6A37 #5F522A #433A1E

#ECCC6B - #433A1E

Mezcla HSV

#ECCC6B - #433A1E | 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 #ECCC6B como 0% y #433A1E como 100%.

0.0%	0.0% #ECCC6B	RGB 236 204 107	#ECCC6B
16.7%	16.7% #CFB35E	RGB 207 179 94	#CFB35E
33.3%	33.3% #B39B51	RGB 179 155 81	#B39B51
50.0%	50.0% #978344	RGB 151 131 68	#978344
66.7%	66.7% #7B6A37	RGB 123 106 55	#7B6A37
83.3%	83.3% #5F522A	RGB 95 82 42	#5F522A
100.0%	100.0% #433A1E	RGB 67 58 30	#433A1E

#ECCC6B #CFB35E #B39B51 #978344 #7B6A37 #5F522A #433A1E

#ECCC6B - #978344 - #433A1E

Códigos CSS

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

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