#959E9A - #3E6558 | 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 #959E9A a #3E6558

#959E9A #3E6558

Calcule el color entre dos colores, #959E9A y #3E6558. 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)

#959E9A - #3E6558 | 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 #959E9A como 0% y #3E6558 como 100%.

0.0%	0.0% #959E9A	RGB 149 158 154	#959E9A
16.7%	16.7% #86948F	RGB 134 148 143	#86948F
33.3%	33.3% #788B84	RGB 120 139 132	#788B84
50.0%	50.0% #698179	RGB 105 129 121	#698179
66.7%	66.7% #5B786E	RGB 91 120 110	#5B786E
83.3%	83.3% #4C6E63	RGB 76 110 99	#4C6E63
100.0%	100.0% #3E6558	RGB 62 101 88	#3E6558

#959E9A #86948F #788B84 #698179 #5B786E #4C6E63 #3E6558

#959E9A - #3E6558

Mezcla HSV

#959E9A - #3E6558 | 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 #959E9A como 0% y #3E6558 como 100%.

0.0%	0.0% #959E9A	RGB 149 158 154	#959E9A
16.7%	16.7% #83948D	RGB 131 148 141	#83948D
33.3%	33.3% #738B81	RGB 115 139 129	#738B81
50.0%	50.0% #648176	RGB 100 129 118	#648176
66.7%	66.7% #56786B	RGB 86 120 107	#56786B
83.3%	83.3% #496E61	RGB 73 110 97	#496E61
100.0%	100.0% #3E6558	RGB 62 101 88	#3E6558

#959E9A #83948D #738B81 #648176 #56786B #496E61 #3E6558

#959E9A - #648176 - #3E6558

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959E9A 0%, #648176 50%, #3E6558 100%);
    background: -webkit-linear-gradient(top, #959E9A 0%, #648176 50%, #3E6558 100%);
    background: linear-gradient(to bottom, #959E9A 0%, #648176 50%, #3E6558 100%);
}
</style>