#5D5E7E - #AF9F9A | 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 #5D5E7E a #AF9F9A

#5D5E7E #AF9F9A

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

#5D5E7E - #AF9F9A | 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 #5D5E7E como 0% y #AF9F9A como 100%.

0.0%	0.0% #5D5E7E	RGB 93 94 126	#5D5E7E
16.7%	16.7% #6A6882	RGB 106 104 130	#6A6882
33.3%	33.3% #787387	RGB 120 115 135	#787387
50.0%	50.0% #867E8C	RGB 134 126 140	#867E8C
66.7%	66.7% #938990	RGB 147 137 144	#938990
83.3%	83.3% #A19495	RGB 161 148 149	#A19495
100.0%	100.0% #AF9F9A	RGB 175 159 154	#AF9F9A

#5D5E7E #6A6882 #787387 #867E8C #938990 #A19495 #AF9F9A

#5D5E7E - #AF9F9A

Mezcla HSV

#5D5E7E - #AF9F9A | 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 #5D5E7E como 0% y #AF9F9A como 100%.

0.0%	0.0% #5D5E7E	RGB 93 94 126	#5D5E7E
16.7%	16.7% #716686	RGB 113 102 134	#716686
33.3%	33.3% #856F8E	RGB 133 111 142	#856F8E
50.0%	50.0% #967993	RGB 150 121 147	#967993
66.7%	66.7% #9E8491	RGB 158 132 145	#9E8491
83.3%	83.3% #A68E92	RGB 166 142 146	#A68E92
100.0%	100.0% #AF9F9A	RGB 175 159 154	#AF9F9A

#5D5E7E #716686 #856F8E #967993 #9E8491 #A68E92 #AF9F9A

#5D5E7E - #967993 - #AF9F9A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E7E 0%, #967993 50%, #AF9F9A 100%);
    background: -webkit-linear-gradient(top, #5D5E7E 0%, #967993 50%, #AF9F9A 100%);
    background: linear-gradient(to bottom, #5D5E7E 0%, #967993 50%, #AF9F9A 100%);
}
</style>