#62648D - #1B2C3C | 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 #62648D a #1B2C3C

#62648D #1B2C3C

Calcule el color entre dos colores, #62648D y #1B2C3C. 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)

#62648D - #1B2C3C | 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 #62648D como 0% y #1B2C3C como 100%.

0.0%	0.0% #62648D	RGB 98 100 141	#62648D
16.7%	16.7% #565A7F	RGB 86 90 127	#565A7F
33.3%	33.3% #4A5172	RGB 74 81 114	#4A5172
50.0%	50.0% #3E4864	RGB 62 72 100	#3E4864
66.7%	66.7% #323E57	RGB 50 62 87	#323E57
83.3%	83.3% #263549	RGB 38 53 73	#263549
100.0%	100.0% #1B2C3C	RGB 27 44 60	#1B2C3C

#62648D #565A7F #4A5172 #3E4864 #323E57 #263549 #1B2C3C

#62648D - #1B2C3C

Mezcla HSV

#62648D - #1B2C3C | 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 #62648D como 0% y #1B2C3C como 100%.

0.0%	0.0% #62648D	RGB 98 100 141	#62648D
16.7%	16.7% #53587F	RGB 83 88 127	#53587F
33.3%	33.3% #454E72	RGB 69 78 114	#454E72
50.0%	50.0% #394564	RGB 57 69 100	#394564
66.7%	66.7% #2E3C57	RGB 46 60 87	#2E3C57
83.3%	83.3% #243449	RGB 36 52 73	#243449
100.0%	100.0% #1B2C3C	RGB 27 44 60	#1B2C3C

#62648D #53587F #454E72 #394564 #2E3C57 #243449 #1B2C3C

#62648D - #394564 - #1B2C3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #62648D 0%, #394564 50%, #1B2C3C 100%);
    background: -webkit-linear-gradient(top, #62648D 0%, #394564 50%, #1B2C3C 100%);
    background: linear-gradient(to bottom, #62648D 0%, #394564 50%, #1B2C3C 100%);
}
</style>