#9F8EA3 - #4D3D55 | 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 #9F8EA3 a #4D3D55

#9F8EA3 #4D3D55

Calcule el color entre dos colores, #9F8EA3 y #4D3D55. 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)

#9F8EA3 - #4D3D55 | 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 #9F8EA3 como 0% y #4D3D55 como 100%.

0.0%	0.0% #9F8EA3	RGB 159 142 163	#9F8EA3
16.7%	16.7% #918096	RGB 145 128 150	#918096
33.3%	33.3% #837389	RGB 131 115 137	#837389
50.0%	50.0% #76657C	RGB 118 101 124	#76657C
66.7%	66.7% #68586F	RGB 104 88 111	#68586F
83.3%	83.3% #5A4A62	RGB 90 74 98	#5A4A62
100.0%	100.0% #4D3D55	RGB 77 61 85	#4D3D55

#9F8EA3 #918096 #837389 #76657C #68586F #5A4A62 #4D3D55

#9F8EA3 - #4D3D55

Mezcla HSV

#9F8EA3 - #4D3D55 | 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 #9F8EA3 como 0% y #4D3D55 como 100%.

0.0%	0.0% #9F8EA3	RGB 159 142 163	#9F8EA3
16.7%	16.7% #917E96	RGB 145 126 150	#917E96
33.3%	33.3% #837089	RGB 131 112 137	#837089
50.0%	50.0% #75627C	RGB 117 98 124	#75627C
66.7%	66.7% #67556F	RGB 103 85 111	#67556F
83.3%	83.3% #5A4862	RGB 90 72 98	#5A4862
100.0%	100.0% #4D3D55	RGB 77 61 85	#4D3D55

#9F8EA3 #917E96 #837089 #75627C #67556F #5A4862 #4D3D55

#9F8EA3 - #75627C - #4D3D55

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8EA3 0%, #75627C 50%, #4D3D55 100%);
    background: -webkit-linear-gradient(top, #9F8EA3 0%, #75627C 50%, #4D3D55 100%);
    background: linear-gradient(to bottom, #9F8EA3 0%, #75627C 50%, #4D3D55 100%);
}
</style>