#ACB000 - #FCB5A8 | 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 #ACB000 a #FCB5A8

#ACB000 #FCB5A8

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

#ACB000 - #FCB5A8 | 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 #ACB000 como 0% y #FCB5A8 como 100%.

0.0%	0.0% #ACB000	RGB 172 176 0	#ACB000
16.7%	16.7% #B9B01C	RGB 185 176 28	#B9B01C
33.3%	33.3% #C6B138	RGB 198 177 56	#C6B138
50.0%	50.0% #D4B254	RGB 212 178 84	#D4B254
66.7%	66.7% #E1B370	RGB 225 179 112	#E1B370
83.3%	83.3% #EEB48C	RGB 238 180 140	#EEB48C
100.0%	100.0% #FCB5A8	RGB 252 181 168	#FCB5A8

#ACB000 #B9B01C #C6B138 #D4B254 #E1B370 #EEB48C #FCB5A8

#ACB000 - #FCB5A8

Mezcla HSV

#ACB000 - #FCB5A8 | 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 #ACB000 como 0% y #FCB5A8 como 100%.

0.0%	0.0% #ACB000	RGB 172 176 0	#ACB000
16.7%	16.7% #BCA814	RGB 188 168 20	#BCA814
33.3%	33.3% #C99F2C	RGB 201 159 44	#C99F2C
50.0%	50.0% #D69B47	RGB 214 155 71	#D69B47
66.7%	66.7% #E29C64	RGB 226 156 100	#E29C64
83.3%	83.3% #EFA484	RGB 239 164 132	#EFA484
100.0%	100.0% #FCB5A8	RGB 252 181 168	#FCB5A8

#ACB000 #BCA814 #C99F2C #D69B47 #E29C64 #EFA484 #FCB5A8

#ACB000 - #D69B47 - #FCB5A8

Códigos CSS

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

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