#95949B - #553C4E | 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 #95949B a #553C4E

#95949B #553C4E

Calcule el color entre dos colores, #95949B y #553C4E. 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)

#95949B - #553C4E | 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 #95949B como 0% y #553C4E como 100%.

0.0%	0.0% #95949B	RGB 149 148 155	#95949B
16.7%	16.7% #8A858E	RGB 138 133 142	#8A858E
33.3%	33.3% #7F7681	RGB 127 118 129	#7F7681
50.0%	50.0% #756874	RGB 117 104 116	#756874
66.7%	66.7% #6A5967	RGB 106 89 103	#6A5967
83.3%	83.3% #5F4A5A	RGB 95 74 90	#5F4A5A
100.0%	100.0% #553C4E	RGB 85 60 78	#553C4E

#95949B #8A858E #7F7681 #756874 #6A5967 #5F4A5A #553C4E

#95949B - #553C4E

Mezcla HSV

#95949B - #553C4E | 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 #95949B como 0% y #553C4E como 100%.

0.0%	0.0% #95949B	RGB 149 148 155	#95949B
16.7%	16.7% #87828F	RGB 135 130 143	#87828F
33.3%	33.3% #7B7283	RGB 123 114 131	#7B7283
50.0%	50.0% #726378	RGB 114 99 120	#726378
66.7%	66.7% #6A556C	RGB 106 85 108	#6A556C
83.3%	83.3% #60485E	RGB 96 72 94	#60485E
100.0%	100.0% #553C4E	RGB 85 60 78	#553C4E

#95949B #87828F #7B7283 #726378 #6A556C #60485E #553C4E

#95949B - #726378 - #553C4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95949B 0%, #726378 50%, #553C4E 100%);
    background: -webkit-linear-gradient(top, #95949B 0%, #726378 50%, #553C4E 100%);
    background: linear-gradient(to bottom, #95949B 0%, #726378 50%, #553C4E 100%);
}
</style>