#85879C - #304251 | 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 #85879C a #304251

#85879C #304251

Calcule el color entre dos colores, #85879C y #304251. 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)

#85879C - #304251 | 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 #85879C como 0% y #304251 como 100%.

0.0%	0.0% #85879C	RGB 133 135 156	#85879C
16.7%	16.7% #767B8F	RGB 118 123 143	#767B8F
33.3%	33.3% #687083	RGB 104 112 131	#687083
50.0%	50.0% #5A6476	RGB 90 100 118	#5A6476
66.7%	66.7% #4C596A	RGB 76 89 106	#4C596A
83.3%	83.3% #3E4D5D	RGB 62 77 93	#3E4D5D
100.0%	100.0% #304251	RGB 48 66 81	#304251

#85879C #767B8F #687083 #5A6476 #4C596A #3E4D5D #304251

#85879C - #304251

Mezcla HSV

#85879C - #304251 | 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 #85879C como 0% y #304251 como 100%.

0.0%	0.0% #85879C	RGB 133 135 156	#85879C
16.7%	16.7% #74788F	RGB 116 120 143	#74788F
33.3%	33.3% #646B83	RGB 100 107 131	#646B83
50.0%	50.0% #556076	RGB 85 96 118	#556076
66.7%	66.7% #48556A	RGB 72 85 106	#48556A
83.3%	83.3% #3B4B5D	RGB 59 75 93	#3B4B5D
100.0%	100.0% #304251	RGB 48 66 81	#304251

#85879C #74788F #646B83 #556076 #48556A #3B4B5D #304251

#85879C - #556076 - #304251

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85879C 0%, #556076 50%, #304251 100%);
    background: -webkit-linear-gradient(top, #85879C 0%, #556076 50%, #304251 100%);
    background: linear-gradient(to bottom, #85879C 0%, #556076 50%, #304251 100%);
}
</style>