#B9BC2F - #EAEBC3 | 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 #B9BC2F a #EAEBC3

#B9BC2F #EAEBC3

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

#B9BC2F - #EAEBC3 | 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 #B9BC2F como 0% y #EAEBC3 como 100%.

0.0%	0.0% #B9BC2F	RGB 185 188 47	#B9BC2F
16.7%	16.7% #C1C347	RGB 193 195 71	#C1C347
33.3%	33.3% #C9CB60	RGB 201 203 96	#C9CB60
50.0%	50.0% #D1D379	RGB 209 211 121	#D1D379
66.7%	66.7% #D9DB91	RGB 217 219 145	#D9DB91
83.3%	83.3% #E1E3AA	RGB 225 227 170	#E1E3AA
100.0%	100.0% #EAEBC3	RGB 234 235 195	#EAEBC3

#B9BC2F #C1C347 #C9CB60 #D1D379 #D9DB91 #E1E3AA #EAEBC3

#B9BC2F - #EAEBC3

Mezcla HSV

#B9BC2F - #EAEBC3 | 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 #B9BC2F como 0% y #EAEBC3 como 100%.

0.0%	0.0% #B9BC2F	RGB 185 188 47	#B9BC2F
16.7%	16.7% #C1C343	RGB 193 195 67	#C1C343
33.3%	33.3% #C9CB5A	RGB 201 203 90	#C9CB5A
50.0%	50.0% #D1D372	RGB 209 211 114	#D1D372
66.7%	66.7% #D9DB8B	RGB 217 219 139	#D9DB8B
83.3%	83.3% #E1E3A6	RGB 225 227 166	#E1E3A6
100.0%	100.0% #EAEBC3	RGB 234 235 195	#EAEBC3

#B9BC2F #C1C343 #C9CB5A #D1D372 #D9DB8B #E1E3A6 #EAEBC3

#B9BC2F - #D1D372 - #EAEBC3

Códigos CSS

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

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