#502A24 - #AF694A | 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 #AF694A

#502A24 #AF694A

Calcule el color entre dos colores, #502A24 y #AF694A. 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 - #AF694A | 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 #AF694A como 100%.

0.0%	0.0% #502A24	RGB 80 42 36	#502A24
16.7%	16.7% #5F342A	RGB 95 52 42	#5F342A
33.3%	33.3% #6F3F30	RGB 111 63 48	#6F3F30
50.0%	50.0% #7F4937	RGB 127 73 55	#7F4937
66.7%	66.7% #8F543D	RGB 143 84 61	#8F543D
83.3%	83.3% #9F5E43	RGB 159 94 67	#9F5E43
100.0%	100.0% #AF694A	RGB 175 105 74	#AF694A

#502A24 #5F342A #6F3F30 #7F4937 #8F543D #9F5E43 #AF694A

#502A24 - #AF694A

Mezcla HSV

#502A24 - #AF694A | 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 #AF694A como 100%.

0.0%	0.0% #502A24	RGB 80 42 36	#502A24
16.7%	16.7% #5F332A	RGB 95 51 42	#5F332A
33.3%	33.3% #6F3D31	RGB 111 61 49	#6F3D31
50.0%	50.0% #7F4737	RGB 127 71 55	#7F4737
66.7%	66.7% #8F523D	RGB 143 82 61	#8F523D
83.3%	83.3% #9F5D44	RGB 159 93 68	#9F5D44
100.0%	100.0% #AF694A	RGB 175 105 74	#AF694A

#502A24 #5F332A #6F3D31 #7F4737 #8F523D #9F5D44 #AF694A

#502A24 - #7F4737 - #AF694A

Códigos CSS

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

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