#AA3C04 - #E6C7B7 | 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 #AA3C04 a #E6C7B7

#AA3C04 #E6C7B7

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

#AA3C04 - #E6C7B7 | 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 #AA3C04 como 0% y #E6C7B7 como 100%.

0.0%	0.0% #AA3C04	RGB 170 60 4	#AA3C04
16.7%	16.7% #B45321	RGB 180 83 33	#B45321
33.3%	33.3% #BE6A3F	RGB 190 106 63	#BE6A3F
50.0%	50.0% #C8815D	RGB 200 129 93	#C8815D
66.7%	66.7% #D2987B	RGB 210 152 123	#D2987B
83.3%	83.3% #DCAF99	RGB 220 175 153	#DCAF99
100.0%	100.0% #E6C7B7	RGB 230 199 183	#E6C7B7

#AA3C04 #B45321 #BE6A3F #C8815D #D2987B #DCAF99 #E6C7B7

#AA3C04 - #E6C7B7

Mezcla HSV

#AA3C04 - #E6C7B7 | 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 #AA3C04 como 0% y #E6C7B7 como 100%.

0.0%	0.0% #AA3C03	RGB 170 60 3	#AA3C03
16.7%	16.7% #B44E1B	RGB 180 78 27	#B44E1B
33.3%	33.3% #BE6335	RGB 190 99 53	#BE6335
50.0%	50.0% #C87951	RGB 200 121 81	#C87951
66.7%	66.7% #D29171	RGB 210 145 113	#D29171
83.3%	83.3% #DCAB92	RGB 220 171 146	#DCAB92
100.0%	100.0% #E6C7B7	RGB 230 199 183	#E6C7B7

#AA3C03 #B44E1B #BE6335 #C87951 #D29171 #DCAB92 #E6C7B7

#AA3C04 - #C87951 - #E6C7B7

Códigos CSS

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

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