#9E9DAB - #5D415F | 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 #9E9DAB a #5D415F

#9E9DAB #5D415F

Calcule el color entre dos colores, #9E9DAB y #5D415F. 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)

#9E9DAB - #5D415F | 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 #9E9DAB como 0% y #5D415F como 100%.

0.0%	0.0% #9E9DAB	RGB 158 157 171	#9E9DAB
16.7%	16.7% #938D9E	RGB 147 141 158	#938D9E
33.3%	33.3% #887E91	RGB 136 126 145	#887E91
50.0%	50.0% #7D6F85	RGB 125 111 133	#7D6F85
66.7%	66.7% #725F78	RGB 114 95 120	#725F78
83.3%	83.3% #67506B	RGB 103 80 107	#67506B
100.0%	100.0% #5D415F	RGB 93 65 95	#5D415F

#9E9DAB #938D9E #887E91 #7D6F85 #725F78 #67506B #5D415F

#9E9DAB - #5D415F

Mezcla HSV

#9E9DAB - #5D415F | 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 #9E9DAB como 0% y #5D415F como 100%.

0.0%	0.0% #9E9DAB	RGB 158 157 171	#9E9DAB
16.7%	16.7% #8F8B9E	RGB 143 139 158	#8F8B9E
33.3%	33.3% #827A91	RGB 130 122 145	#827A91
50.0%	50.0% #776A85	RGB 119 106 133	#776A85
66.7%	66.7% #6E5B78	RGB 110 91 120	#6E5B78
83.3%	83.3% #654D6B	RGB 101 77 107	#654D6B
100.0%	100.0% #5D415F	RGB 93 65 95	#5D415F

#9E9DAB #8F8B9E #827A91 #776A85 #6E5B78 #654D6B #5D415F

#9E9DAB - #776A85 - #5D415F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E9DAB 0%, #776A85 50%, #5D415F 100%);
    background: -webkit-linear-gradient(top, #9E9DAB 0%, #776A85 50%, #5D415F 100%);
    background: linear-gradient(to bottom, #9E9DAB 0%, #776A85 50%, #5D415F 100%);
}
</style>