#AB3715 - #FBBC5E | 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 #AB3715 a #FBBC5E

#AB3715 #FBBC5E

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

#AB3715 - #FBBC5E | 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 #AB3715 como 0% y #FBBC5E como 100%.

0.0%	0.0% #AB3715	RGB 171 55 21	#AB3715
16.7%	16.7% #B84D21	RGB 184 77 33	#B84D21
33.3%	33.3% #C5632D	RGB 197 99 45	#C5632D
50.0%	50.0% #D37939	RGB 211 121 57	#D37939
66.7%	66.7% #E08F45	RGB 224 143 69	#E08F45
83.3%	83.3% #EDA551	RGB 237 165 81	#EDA551
100.0%	100.0% #FBBC5E	RGB 251 188 94	#FBBC5E

#AB3715 #B84D21 #C5632D #D37939 #E08F45 #EDA551 #FBBC5E

#AB3715 - #FBBC5E

Mezcla HSV

#AB3715 - #FBBC5E | 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 #AB3715 como 0% y #FBBC5E como 100%.

0.0%	0.0% #AB3715	RGB 171 55 21	#AB3715
16.7%	16.7% #B84A1E	RGB 184 74 30	#B84A1E
33.3%	33.3% #C55F28	RGB 197 95 40	#C55F28
50.0%	50.0% #D37534	RGB 211 117 52	#D37534
66.7%	66.7% #E08C41	RGB 224 140 65	#E08C41
83.3%	83.3% #EDA44F	RGB 237 164 79	#EDA44F
100.0%	100.0% #FBBC5E	RGB 251 188 94	#FBBC5E

#AB3715 #B84A1E #C55F28 #D37534 #E08C41 #EDA44F #FBBC5E

#AB3715 - #D37534 - #FBBC5E

Códigos CSS

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

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