#3E5E6D - #1D2224 | 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 #3E5E6D a #1D2224

#3E5E6D #1D2224

Calcule el color entre dos colores, #3E5E6D y #1D2224. 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)

#3E5E6D - #1D2224 | 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 #3E5E6D como 0% y #1D2224 como 100%.

0.0%	0.0% #3E5E6D	RGB 62 94 109	#3E5E6D
16.7%	16.7% #385460	RGB 56 84 96	#385460
33.3%	33.3% #334A54	RGB 51 74 84	#334A54
50.0%	50.0% #2D4048	RGB 45 64 72	#2D4048
66.7%	66.7% #28363C	RGB 40 54 60	#28363C
83.3%	83.3% #222C30	RGB 34 44 48	#222C30
100.0%	100.0% #1D2224	RGB 29 34 36	#1D2224

#3E5E6D #385460 #334A54 #2D4048 #28363C #222C30 #1D2224

#3E5E6D - #1D2224

Mezcla HSV

#3E5E6D - #1D2224 | 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 #3E5E6D como 0% y #1D2224 como 100%.

0.0%	0.0% #3E5E6D	RGB 62 94 109	#3E5E6D
16.7%	16.7% #3A5460	RGB 58 84 96	#3A5460
33.3%	33.3% #364B54	RGB 54 75 84	#364B54
50.0%	50.0% #314148	RGB 49 65 72	#314148
66.7%	66.7% #2B373C	RGB 43 55 60	#2B373C
83.3%	83.3% #242C30	RGB 36 44 48	#242C30
100.0%	100.0% #1D2224	RGB 29 34 36	#1D2224

#3E5E6D #3A5460 #364B54 #314148 #2B373C #242C30 #1D2224

#3E5E6D - #314148 - #1D2224

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E6D 0%, #314148 50%, #1D2224 100%);
    background: -webkit-linear-gradient(top, #3E5E6D 0%, #314148 50%, #1D2224 100%);
    background: linear-gradient(to bottom, #3E5E6D 0%, #314148 50%, #1D2224 100%);
}
</style>