#A67800 - #F7A1A8 | 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 #A67800 a #F7A1A8

#A67800 #F7A1A8

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

#A67800 - #F7A1A8 | 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 #A67800 como 0% y #F7A1A8 como 100%.

0.0%	0.0% #A67800	RGB 166 120 0	#A67800
16.7%	16.7% #B37E1C	RGB 179 126 28	#B37E1C
33.3%	33.3% #C18538	RGB 193 133 56	#C18538
50.0%	50.0% #CE8C54	RGB 206 140 84	#CE8C54
66.7%	66.7% #DC9370	RGB 220 147 112	#DC9370
83.3%	83.3% #E99A8C	RGB 233 154 140	#E99A8C
100.0%	100.0% #F7A1A8	RGB 247 161 168	#F7A1A8

#A67800 #B37E1C #C18538 #CE8C54 #DC9370 #E99A8C #F7A1A8

#A67800 - #F7A1A8

Mezcla HSV

#A67800 - #F7A1A8 | 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 #A67800 como 0% y #F7A1A8 como 100%.

0.0%	0.0% #A67800	RGB 166 120 0	#A67800
16.7%	16.7% #B37113	RGB 179 113 19	#B37113
33.3%	33.3% #C16E29	RGB 193 110 41	#C16E29
50.0%	50.0% #CE6F43	RGB 206 111 67	#CE6F43
66.7%	66.7% #DC765F	RGB 220 118 95	#DC765F
83.3%	83.3% #E9847E	RGB 233 132 126	#E9847E
100.0%	100.0% #F7A1A8	RGB 247 161 168	#F7A1A8

#A67800 #B37113 #C16E29 #CE6F43 #DC765F #E9847E #F7A1A8

#A67800 - #CE6F43 - #F7A1A8

Códigos CSS

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

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