#BDA800 - #ECE6B6 | 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 #BDA800 a #ECE6B6

#BDA800 #ECE6B6

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

#BDA800 - #ECE6B6 | 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 #BDA800 como 0% y #ECE6B6 como 100%.

0.0%	0.0% #BDA800	RGB 189 168 0	#BDA800
16.7%	16.7% #C4B21E	RGB 196 178 30	#C4B21E
33.3%	33.3% #CCBC3C	RGB 204 188 60	#CCBC3C
50.0%	50.0% #D4C75B	RGB 212 199 91	#D4C75B
66.7%	66.7% #DCD179	RGB 220 209 121	#DCD179
83.3%	83.3% #E4DB97	RGB 228 219 151	#E4DB97
100.0%	100.0% #ECE6B6	RGB 236 230 182	#ECE6B6

#BDA800 #C4B21E #CCBC3C #D4C75B #DCD179 #E4DB97 #ECE6B6

#BDA800 - #ECE6B6

Mezcla HSV

#BDA800 - #ECE6B6 | 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 #BDA800 como 0% y #ECE6B6 como 100%.

0.0%	0.0% #BDA800	RGB 189 168 0	#BDA800
16.7%	16.7% #C4B119	RGB 196 177 25	#C4B119
33.3%	33.3% #CCBB34	RGB 204 187 52	#CCBB34
50.0%	50.0% #D4C551	RGB 212 197 81	#D4C551
66.7%	66.7% #DCD071	RGB 220 208 113	#DCD071
83.3%	83.3% #E4DB92	RGB 228 219 146	#E4DB92
100.0%	100.0% #ECE6B6	RGB 236 230 182	#ECE6B6

#BDA800 #C4B119 #CCBB34 #D4C551 #DCD071 #E4DB92 #ECE6B6

#BDA800 - #D4C551 - #ECE6B6

Códigos CSS

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

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