#3C484B - #8C7377 | 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 #3C484B a #8C7377

#3C484B #8C7377

Calcule el color entre dos colores, #3C484B y #8C7377. 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)

#3C484B - #8C7377 | 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 #3C484B como 0% y #8C7377 como 100%.

0.0%	0.0% #3C484B	RGB 60 72 75	#3C484B
16.7%	16.7% #494F52	RGB 73 79 82	#494F52
33.3%	33.3% #565659	RGB 86 86 89	#565659
50.0%	50.0% #645D61	RGB 100 93 97	#645D61
66.7%	66.7% #716468	RGB 113 100 104	#716468
83.3%	83.3% #7E6B6F	RGB 126 107 111	#7E6B6F
100.0%	100.0% #8C7377	RGB 140 115 119	#8C7377

#3C484B #494F52 #565659 #645D61 #716468 #7E6B6F #8C7377

#3C484B - #8C7377

Mezcla HSV

#3C484B - #8C7377 | 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 #3C484B como 0% y #8C7377 como 100%.

0.0%	0.0% #3C484B	RGB 60 72 75	#3C484B
16.7%	16.7% #444B55	RGB 68 75 85	#444B55
33.3%	33.3% #4F4E60	RGB 79 78 96	#4F4E60
50.0%	50.0% #61576B	RGB 97 87 107	#61576B
66.7%	66.7% #756076	RGB 117 96 118	#756076
83.3%	83.3% #816977	RGB 129 105 119	#816977
100.0%	100.0% #8C7377	RGB 140 115 119	#8C7377

#3C484B #444B55 #4F4E60 #61576B #756076 #816977 #8C7377

#3C484B - #61576B - #8C7377

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C484B 0%, #61576B 50%, #8C7377 100%);
    background: -webkit-linear-gradient(top, #3C484B 0%, #61576B 50%, #8C7377 100%);
    background: linear-gradient(to bottom, #3C484B 0%, #61576B 50%, #8C7377 100%);
}
</style>