#53563F - #293206 | 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 #53563F a #293206

#53563F #293206

Calcule el color entre dos colores, #53563F y #293206. 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)

#53563F - #293206 | 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 #53563F como 0% y #293206 como 100%.

0.0%	0.0% #53563F	RGB 83 86 63	#53563F
16.7%	16.7% #4C5035	RGB 76 80 53	#4C5035
33.3%	33.3% #454A2C	RGB 69 74 44	#454A2C
50.0%	50.0% #3E4422	RGB 62 68 34	#3E4422
66.7%	66.7% #373E19	RGB 55 62 25	#373E19
83.3%	83.3% #30380F	RGB 48 56 15	#30380F
100.0%	100.0% #293206	RGB 41 50 6	#293206

#53563F #4C5035 #454A2C #3E4422 #373E19 #30380F #293206

#53563F - #293206

Mezcla HSV

#53563F - #293206 | 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 #53563F como 0% y #293206 como 100%.

0.0%	0.0% #53563F	RGB 83 86 63	#53563F
16.7%	16.7% #4B5032	RGB 75 80 50	#4B5032
33.3%	33.3% #444A27	RGB 68 74 39	#444A27
50.0%	50.0% #3D441C	RGB 61 68 28	#3D441C
66.7%	66.7% #363E14	RGB 54 62 20	#363E14
83.3%	83.3% #2F380C	RGB 47 56 12	#2F380C
100.0%	100.0% #293206	RGB 41 50 6	#293206

#53563F #4B5032 #444A27 #3D441C #363E14 #2F380C #293206

#53563F - #3D441C - #293206

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53563F 0%, #3D441C 50%, #293206 100%);
    background: -webkit-linear-gradient(top, #53563F 0%, #3D441C 50%, #293206 100%);
    background: linear-gradient(to bottom, #53563F 0%, #3D441C 50%, #293206 100%);
}
</style>