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

#3E4B5E #65B9AC

Calcule el color entre dos colores, #3E4B5E y #65B9AC. 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 - #65B9AC | 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 #65B9AC como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #445D6B	RGB 68 93 107	#445D6B
33.3%	33.3% #4B6F78	RGB 75 111 120	#4B6F78
50.0%	50.0% #518285	RGB 81 130 133	#518285
66.7%	66.7% #589492	RGB 88 148 146	#589492
83.3%	83.3% #5EA69F	RGB 94 166 159	#5EA69F
100.0%	100.0% #65B9AC	RGB 101 185 172	#65B9AC

#3E4B5E #445D6B #4B6F78 #518285 #589492 #5EA69F #65B9AC

#3E4B5E - #65B9AC

Mezcla HSV

#3E4B5E - #65B9AC | 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 #65B9AC 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% #5A949A	RGB 90 148 154	#5A949A
83.3%	83.3% #5FA9A7	RGB 95 169 167	#5FA9A7
100.0%	100.0% #65B9AC	RGB 101 185 172	#65B9AC

#3E4B5E #455A6D #4D6C7C #547F8B #5A949A #5FA9A7 #65B9AC

#3E4B5E - #547F8B - #65B9AC

Códigos CSS

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

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