#DFDF84 - #BCB333 | 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 #DFDF84 a #BCB333

#DFDF84 #BCB333

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

#DFDF84 - #BCB333 | 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 #DFDF84 como 0% y #BCB333 como 100%.

0.0%	0.0% #DFDF84	RGB 223 223 132	#DFDF84
16.7%	16.7% #D9D776	RGB 217 215 118	#D9D776
33.3%	33.3% #D3D069	RGB 211 208 105	#D3D069
50.0%	50.0% #CDC95B	RGB 205 201 91	#CDC95B
66.7%	66.7% #C7C14E	RGB 199 193 78	#C7C14E
83.3%	83.3% #C1BA40	RGB 193 186 64	#C1BA40
100.0%	100.0% #BCB333	RGB 188 179 51	#BCB333

#DFDF84 #D9D776 #D3D069 #CDC95B #C7C14E #C1BA40 #BCB333

#DFDF84 - #BCB333

Mezcla HSV

#DFDF84 - #BCB333 | 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 #DFDF84 como 0% y #BCB333 como 100%.

0.0%	0.0% #DFDF84	RGB 223 223 132	#DFDF84
16.7%	16.7% #D9D874	RGB 217 216 116	#D9D874
33.3%	33.3% #D3D066	RGB 211 208 102	#D3D066
50.0%	50.0% #CDC958	RGB 205 201 88	#CDC958
66.7%	66.7% #C7C24B	RGB 199 194 75	#C7C24B
83.3%	83.3% #C1BA3E	RGB 193 186 62	#C1BA3E
100.0%	100.0% #BCB333	RGB 188 179 51	#BCB333

#DFDF84 #D9D874 #D3D066 #CDC958 #C7C24B #C1BA3E #BCB333

#DFDF84 - #CDC958 - #BCB333

Códigos CSS

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

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