#3E5E74 - #818E9C | 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 #3E5E74 a #818E9C

#3E5E74 #818E9C

Calcule el color entre dos colores, #3E5E74 y #818E9C. 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)

#3E5E74 - #818E9C | 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 #3E5E74 como 0% y #818E9C como 100%.

0.0%	0.0% #3E5E74	RGB 62 94 116	#3E5E74
16.7%	16.7% #49667A	RGB 73 102 122	#49667A
33.3%	33.3% #546E81	RGB 84 110 129	#546E81
50.0%	50.0% #5F7688	RGB 95 118 136	#5F7688
66.7%	66.7% #6A7E8E	RGB 106 126 142	#6A7E8E
83.3%	83.3% #758695	RGB 117 134 149	#758695
100.0%	100.0% #818E9C	RGB 129 142 156	#818E9C

#3E5E74 #49667A #546E81 #5F7688 #6A7E8E #758695 #818E9C

#3E5E74 - #818E9C

Mezcla HSV

#3E5E74 - #818E9C | 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 #3E5E74 como 0% y #818E9C como 100%.

0.0%	0.0% #3E5E74	RGB 62 94 116	#3E5E74
16.7%	16.7% #47647A	RGB 71 100 122	#47647A
33.3%	33.3% #516C81	RGB 81 108 129	#516C81
50.0%	50.0% #5C7388	RGB 92 115 136	#5C7388
66.7%	66.7% #687C8E	RGB 104 124 142	#687C8E
83.3%	83.3% #748495	RGB 116 132 149	#748495
100.0%	100.0% #818E9C	RGB 129 142 156	#818E9C

#3E5E74 #47647A #516C81 #5C7388 #687C8E #748495 #818E9C

#3E5E74 - #5C7388 - #818E9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E74 0%, #5C7388 50%, #818E9C 100%);
    background: -webkit-linear-gradient(top, #3E5E74 0%, #5C7388 50%, #818E9C 100%);
    background: linear-gradient(to bottom, #3E5E74 0%, #5C7388 50%, #818E9C 100%);
}
</style>