#504010 - #BD802D | 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 #504010 a #BD802D

#504010 #BD802D

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

#504010 - #BD802D | 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 #504010 como 0% y #BD802D como 100%.

0.0%	0.0% #504010	RGB 80 64 16	#504010
16.7%	16.7% #624A14	RGB 98 74 20	#624A14
33.3%	33.3% #745519	RGB 116 85 25	#745519
50.0%	50.0% #86601E	RGB 134 96 30	#86601E
66.7%	66.7% #986A23	RGB 152 106 35	#986A23
83.3%	83.3% #AA7528	RGB 170 117 40	#AA7528
100.0%	100.0% #BD802D	RGB 189 128 45	#BD802D

#504010 #624A14 #745519 #86601E #986A23 #AA7528 #BD802D

#504010 - #BD802D

Mezcla HSV

#504010 - #BD802D | 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 #504010 como 0% y #BD802D como 100%.

0.0%	0.0% #50400F	RGB 80 64 15	#50400F
16.7%	16.7% #624C14	RGB 98 76 20	#624C14
33.3%	33.3% #745818	RGB 116 88 24	#745818
50.0%	50.0% #86631D	RGB 134 99 29	#86631D
66.7%	66.7% #986D22	RGB 152 109 34	#986D22
83.3%	83.3% #AA7727	RGB 170 119 39	#AA7727
100.0%	100.0% #BD802D	RGB 189 128 45	#BD802D

#50400F #624C14 #745818 #86631D #986D22 #AA7727 #BD802D

#504010 - #86631D - #BD802D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50400F 0%, #86631D 50%, #BD802D 100%);
    background: -webkit-linear-gradient(top, #50400F 0%, #86631D 50%, #BD802D 100%);
    background: linear-gradient(to bottom, #50400F 0%, #86631D 50%, #BD802D 100%);
}
</style>