#502428 - #AF5D43 | 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 #502428 a #AF5D43

#502428 #AF5D43

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

#502428 - #AF5D43 | 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 #502428 como 0% y #AF5D43 como 100%.

0.0%	0.0% #502428	RGB 80 36 40	#502428
16.7%	16.7% #5F2D2C	RGB 95 45 44	#5F2D2C
33.3%	33.3% #6F3731	RGB 111 55 49	#6F3731
50.0%	50.0% #7F4035	RGB 127 64 53	#7F4035
66.7%	66.7% #8F4A3A	RGB 143 74 58	#8F4A3A
83.3%	83.3% #9F533E	RGB 159 83 62	#9F533E
100.0%	100.0% #AF5D43	RGB 175 93 67	#AF5D43

#502428 #5F2D2C #6F3731 #7F4035 #8F4A3A #9F533E #AF5D43

#502428 - #AF5D43

Mezcla HSV

#502428 - #AF5D43 | 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 #502428 como 0% y #AF5D43 como 100%.

0.0%	0.0% #502427	RGB 80 36 39	#502427
16.7%	16.7% #5F2A2B	RGB 95 42 43	#5F2A2B
33.3%	33.3% #6F312F	RGB 111 49 47	#6F312F
50.0%	50.0% #7F3A35	RGB 127 58 53	#7F3A35
66.7%	66.7% #8F453A	RGB 143 69 58	#8F453A
83.3%	83.3% #9F503E	RGB 159 80 62	#9F503E
100.0%	100.0% #AF5D43	RGB 175 93 67	#AF5D43

#502427 #5F2A2B #6F312F #7F3A35 #8F453A #9F503E #AF5D43

#502428 - #7F3A35 - #AF5D43

Códigos CSS

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

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