#A67F00 - #FFBA18 | 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 #A67F00 a #FFBA18

#A67F00 #FFBA18

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

#A67F00 - #FFBA18 | 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 #A67F00 como 0% y #FFBA18 como 100%.

0.0%	0.0% #A67F00	RGB 166 127 0	#A67F00
16.7%	16.7% #B48804	RGB 180 136 4	#B48804
33.3%	33.3% #C39208	RGB 195 146 8	#C39208
50.0%	50.0% #D29C0C	RGB 210 156 12	#D29C0C
66.7%	66.7% #E1A610	RGB 225 166 16	#E1A610
83.3%	83.3% #F0B014	RGB 240 176 20	#F0B014
100.0%	100.0% #FFBA18	RGB 255 186 24	#FFBA18

#A67F00 #B48804 #C39208 #D29C0C #E1A610 #F0B014 #FFBA18

#A67F00 - #FFBA18

Mezcla HSV

#A67F00 - #FFBA18 | 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 #A67F00 como 0% y #FFBA18 como 100%.

0.0%	0.0% #A67F00	RGB 166 127 0	#A67F00
16.7%	16.7% #B48902	RGB 180 137 2	#B48902
33.3%	33.3% #C39306	RGB 195 147 6	#C39306
50.0%	50.0% #D29C09	RGB 210 156 9	#D29C09
66.7%	66.7% #E1A60E	RGB 225 166 14	#E1A60E
83.3%	83.3% #F0B012	RGB 240 176 18	#F0B012
100.0%	100.0% #FFBA18	RGB 255 186 24	#FFBA18

#A67F00 #B48902 #C39306 #D29C09 #E1A60E #F0B012 #FFBA18

#A67F00 - #D29C09 - #FFBA18

Códigos CSS

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

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