#3D3C5E - #62ABAC | 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 #3D3C5E a #62ABAC

#3D3C5E #62ABAC

Calcule el color entre dos colores, #3D3C5E y #62ABAC. 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)

#3D3C5E - #62ABAC | 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 #3D3C5E como 0% y #62ABAC como 100%.

0.0%	0.0% #3D3C5E	RGB 61 60 94	#3D3C5E
16.7%	16.7% #434E6B	RGB 67 78 107	#434E6B
33.3%	33.3% #496178	RGB 73 97 120	#496178
50.0%	50.0% #4F7385	RGB 79 115 133	#4F7385
66.7%	66.7% #558692	RGB 85 134 146	#558692
83.3%	83.3% #5B989F	RGB 91 152 159	#5B989F
100.0%	100.0% #62ABAC	RGB 98 171 172	#62ABAC

#3D3C5E #434E6B #496178 #4F7385 #558692 #5B989F #62ABAC

#3D3C5E - #62ABAC

Mezcla HSV

#3D3C5E - #62ABAC | 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 #3D3C5E como 0% y #62ABAC como 100%.

0.0%	0.0% #3D3C5E	RGB 61 60 94	#3D3C5E
16.7%	16.7% #43486B	RGB 67 72 107	#43486B
33.3%	33.3% #495878	RGB 73 88 120	#495878
50.0%	50.0% #506985	RGB 80 105 133	#506985
66.7%	66.7% #567D92	RGB 86 125 146	#567D92
83.3%	83.3% #5C929F	RGB 92 146 159	#5C929F
100.0%	100.0% #62ABAC	RGB 98 171 172	#62ABAC

#3D3C5E #43486B #495878 #506985 #567D92 #5C929F #62ABAC

#3D3C5E - #506985 - #62ABAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3C5E 0%, #506985 50%, #62ABAC 100%);
    background: -webkit-linear-gradient(top, #3D3C5E 0%, #506985 50%, #62ABAC 100%);
    background: linear-gradient(to bottom, #3D3C5E 0%, #506985 50%, #62ABAC 100%);
}
</style>