#504024 - #81715F | 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 #504024 a #81715F

#504024 #81715F

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

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

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #58482D	RGB 88 72 45	#58482D
33.3%	33.3% #605037	RGB 96 80 55	#605037
50.0%	50.0% #685841	RGB 104 88 65	#685841
66.7%	66.7% #70604B	RGB 112 96 75	#70604B
83.3%	83.3% #786855	RGB 120 104 85	#786855
100.0%	100.0% #81715F	RGB 129 113 95	#81715F

#504024 #58482D #605037 #685841 #70604B #786855 #81715F

#504024 - #81715F

Mezcla HSV

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

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #58472B	RGB 88 71 43	#58472B
33.3%	33.3% #604E34	RGB 96 78 52	#604E34
50.0%	50.0% #68563D	RGB 104 86 61	#68563D
66.7%	66.7% #705F48	RGB 112 95 72	#705F48
83.3%	83.3% #786753	RGB 120 103 83	#786753
100.0%	100.0% #81715F	RGB 129 113 95	#81715F

#504024 #58472B #604E34 #68563D #705F48 #786753 #81715F

#504024 - #68563D - #81715F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504024 0%, #68563D 50%, #81715F 100%);
    background: -webkit-linear-gradient(top, #504024 0%, #68563D 50%, #81715F 100%);
    background: linear-gradient(to bottom, #504024 0%, #68563D 50%, #81715F 100%);
}
</style>