#A66300 - #F8A10E | 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 #A66300 a #F8A10E

#A66300 #F8A10E

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

#A66300 - #F8A10E | 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 #A66300 como 0% y #F8A10E como 100%.

0.0%	0.0% #A66300	RGB 166 99 0	#A66300
16.7%	16.7% #B36D02	RGB 179 109 2	#B36D02
33.3%	33.3% #C17704	RGB 193 119 4	#C17704
50.0%	50.0% #CF8207	RGB 207 130 7	#CF8207
66.7%	66.7% #DC8C09	RGB 220 140 9	#DC8C09
83.3%	83.3% #EA960B	RGB 234 150 11	#EA960B
100.0%	100.0% #F8A10E	RGB 248 161 14	#F8A10E

#A66300 #B36D02 #C17704 #CF8207 #DC8C09 #EA960B #F8A10E

#A66300 - #F8A10E

Mezcla HSV

#A66300 - #F8A10E | 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 #A66300 como 0% y #F8A10E como 100%.

0.0%	0.0% #A66300	RGB 166 99 0	#A66300
16.7%	16.7% #B36C01	RGB 179 108 1	#B36C01
33.3%	33.3% #C17603	RGB 193 118 3	#C17603
50.0%	50.0% #CF8105	RGB 207 129 5	#CF8105
66.7%	66.7% #DC8B08	RGB 220 139 8	#DC8B08
83.3%	83.3% #EA960B	RGB 234 150 11	#EA960B
100.0%	100.0% #F8A10E	RGB 248 161 14	#F8A10E

#A66300 #B36C01 #C17603 #CF8105 #DC8B08 #EA960B #F8A10E

#A66300 - #CF8105 - #F8A10E

Códigos CSS

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

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