#AD5E3C - #F9A654 | 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 #AD5E3C a #F9A654

#AD5E3C #F9A654

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

#AD5E3C - #F9A654 | 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 #AD5E3C como 0% y #F9A654 como 100%.

0.0%	0.0% #AD5E3C	RGB 173 94 60	#AD5E3C
16.7%	16.7% #B96A40	RGB 185 106 64	#B96A40
33.3%	33.3% #C67644	RGB 198 118 68	#C67644
50.0%	50.0% #D38248	RGB 211 130 72	#D38248
66.7%	66.7% #DF8E4C	RGB 223 142 76	#DF8E4C
83.3%	83.3% #EC9A50	RGB 236 154 80	#EC9A50
100.0%	100.0% #F9A654	RGB 249 166 84	#F9A654

#AD5E3C #B96A40 #C67644 #D38248 #DF8E4C #EC9A50 #F9A654

#AD5E3C - #F9A654

Mezcla HSV

#AD5E3C - #F9A654 | 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 #AD5E3C como 0% y #F9A654 como 100%.

0.0%	0.0% #AD5E3C	RGB 173 94 60	#AD5E3C
16.7%	16.7% #B96840	RGB 185 104 64	#B96840
33.3%	33.3% #C67344	RGB 198 115 68	#C67344
50.0%	50.0% #D37F48	RGB 211 127 72	#D37F48
66.7%	66.7% #DF8B4C	RGB 223 139 76	#DF8B4C
83.3%	83.3% #EC9850	RGB 236 152 80	#EC9850
100.0%	100.0% #F9A654	RGB 249 166 84	#F9A654

#AD5E3C #B96840 #C67344 #D37F48 #DF8B4C #EC9850 #F9A654

#AD5E3C - #D37F48 - #F9A654

Códigos CSS

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

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