#504D24 - #140307 | 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 #504D24 a #140307

#504D24 #140307

Calcule el color entre dos colores, #504D24 y #140307. 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)

#504D24 - #140307 | 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 #504D24 como 0% y #140307 como 100%.

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #46401F	RGB 70 64 31	#46401F
33.3%	33.3% #3C341A	RGB 60 52 26	#3C341A
50.0%	50.0% #322815	RGB 50 40 21	#322815
66.7%	66.7% #281B10	RGB 40 27 16	#281B10
83.3%	83.3% #1E0F0B	RGB 30 15 11	#1E0F0B
100.0%	100.0% #140307	RGB 20 3 7	#140307

#504D24 #46401F #3C341A #322815 #281B10 #1E0F0B #140307

#504D24 - #140307

Mezcla HSV

#504D24 - #140307 | 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 #504D24 como 0% y #140307 como 100%.

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #463A1C	RGB 70 58 28	#463A1C
33.3%	33.3% #3C2A15	RGB 60 42 21	#3C2A15
50.0%	50.0% #321B0F	RGB 50 27 15	#321B0F
66.7%	66.7% #280E0A	RGB 40 14 10	#280E0A
83.3%	83.3% #1E0606	RGB 30 6 6	#1E0606
100.0%	100.0% #140307	RGB 20 3 7	#140307

#504D24 #463A1C #3C2A15 #321B0F #280E0A #1E0606 #140307

#504D24 - #321B0F - #140307

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504D24 0%, #321B0F 50%, #140307 100%);
    background: -webkit-linear-gradient(top, #504D24 0%, #321B0F 50%, #140307 100%);
    background: linear-gradient(to bottom, #504D24 0%, #321B0F 50%, #140307 100%);
}
</style>