#3E4B5E - #65B9AB | 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 #3E4B5E a #65B9AB

#3E4B5E #65B9AB

Calcule el color entre dos colores, #3E4B5E y #65B9AB. 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)

#3E4B5E - #65B9AB | 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 #3E4B5E como 0% y #65B9AB como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #445D6A	RGB 68 93 106	#445D6A
33.3%	33.3% #4B6F77	RGB 75 111 119	#4B6F77
50.0%	50.0% #518284	RGB 81 130 132	#518284
66.7%	66.7% #589491	RGB 88 148 145	#589491
83.3%	83.3% #5EA69E	RGB 94 166 158	#5EA69E
100.0%	100.0% #65B9AB	RGB 101 185 171	#65B9AB

#3E4B5E #445D6A #4B6F77 #518284 #589491 #5EA69E #65B9AB

#3E4B5E - #65B9AB

Mezcla HSV

#3E4B5E - #65B9AB | 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 #3E4B5E como 0% y #65B9AB como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #455A6D	RGB 69 90 109	#455A6D
33.3%	33.3% #4D6C7C	RGB 77 108 124	#4D6C7C
50.0%	50.0% #547F8B	RGB 84 127 139	#547F8B
66.7%	66.7% #5A959A	RGB 90 149 154	#5A959A
83.3%	83.3% #5FA9A6	RGB 95 169 166	#5FA9A6
100.0%	100.0% #65B9AB	RGB 101 185 171	#65B9AB

#3E4B5E #455A6D #4D6C7C #547F8B #5A959A #5FA9A6 #65B9AB

#3E4B5E - #547F8B - #65B9AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4B5E 0%, #547F8B 50%, #65B9AB 100%);
    background: -webkit-linear-gradient(top, #3E4B5E 0%, #547F8B 50%, #65B9AB 100%);
    background: linear-gradient(to bottom, #3E4B5E 0%, #547F8B 50%, #65B9AB 100%);
}
</style>