#ECE85B - #CCBA1A | 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 #ECE85B a #CCBA1A

#ECE85B #CCBA1A

Calcule el color entre dos colores, #ECE85B y #CCBA1A. 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)

#ECE85B - #CCBA1A | 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 #ECE85B como 0% y #CCBA1A como 100%.

0.0%	0.0% #ECE85B	RGB 236 232 91	#ECE85B
16.7%	16.7% #E6E050	RGB 230 224 80	#E6E050
33.3%	33.3% #E1D845	RGB 225 216 69	#E1D845
50.0%	50.0% #DCD13A	RGB 220 209 58	#DCD13A
66.7%	66.7% #D6C92F	RGB 214 201 47	#D6C92F
83.3%	83.3% #D1C124	RGB 209 193 36	#D1C124
100.0%	100.0% #CCBA1A	RGB 204 186 26	#CCBA1A

#ECE85B #E6E050 #E1D845 #DCD13A #D6C92F #D1C124 #CCBA1A

#ECE85B - #CCBA1A

Mezcla HSV

#ECE85B - #CCBA1A | 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 #ECE85B como 0% y #CCBA1A como 100%.

0.0%	0.0% #ECE85A	RGB 236 232 90	#ECE85A
16.7%	16.7% #E6E04F	RGB 230 224 79	#E6E04F
33.3%	33.3% #E1D943	RGB 225 217 67	#E1D943
50.0%	50.0% #DCD138	RGB 220 209 56	#DCD138
66.7%	66.7% #D6C92D	RGB 214 201 45	#D6C92D
83.3%	83.3% #D1C123	RGB 209 193 35	#D1C123
100.0%	100.0% #CCBA1A	RGB 204 186 26	#CCBA1A

#ECE85A #E6E04F #E1D943 #DCD138 #D6C92D #D1C123 #CCBA1A

#ECE85B - #DCD138 - #CCBA1A

Códigos CSS

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

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