#502A24 - #3E1303 | 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 #502A24 a #3E1303

#502A24 #3E1303

Calcule el color entre dos colores, #502A24 y #3E1303. 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)

#502A24 - #3E1303 | 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 #502A24 como 0% y #3E1303 como 100%.

0.0%	0.0% #502A24	RGB 80 42 36	#502A24
16.7%	16.7% #4D261E	RGB 77 38 30	#4D261E
33.3%	33.3% #4A2219	RGB 74 34 25	#4A2219
50.0%	50.0% #471E13	RGB 71 30 19	#471E13
66.7%	66.7% #441A0E	RGB 68 26 14	#441A0E
83.3%	83.3% #411608	RGB 65 22 8	#411608
100.0%	100.0% #3E1303	RGB 62 19 3	#3E1303

#502A24 #4D261E #4A2219 #471E13 #441A0E #411608 #3E1303

#502A24 - #3E1303

Mezcla HSV

#502A24 - #3E1303 | 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 #502A24 como 0% y #3E1303 como 100%.

0.0%	0.0% #502A24	RGB 80 42 36	#502A24
16.7%	16.7% #4D251D	RGB 77 37 29	#4D251D
33.3%	33.3% #4A2017	RGB 74 32 23	#4A2017
50.0%	50.0% #471C11	RGB 71 28 17	#471C11
66.7%	66.7% #44180C	RGB 68 24 12	#44180C
83.3%	83.3% #411507	RGB 65 21 7	#411507
100.0%	100.0% #3E1303	RGB 62 19 3	#3E1303

#502A24 #4D251D #4A2017 #471C11 #44180C #411507 #3E1303

#502A24 - #471C11 - #3E1303

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502A24 0%, #471C11 50%, #3E1303 100%);
    background: -webkit-linear-gradient(top, #502A24 0%, #471C11 50%, #3E1303 100%);
    background: linear-gradient(to bottom, #502A24 0%, #471C11 50%, #3E1303 100%);
}
</style>