#3C4D4D - #6B9FBA | 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 #3C4D4D a #6B9FBA

#3C4D4D #6B9FBA

Calcule el color entre dos colores, #3C4D4D y #6B9FBA. 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)

#3C4D4D - #6B9FBA | 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 #3C4D4D como 0% y #6B9FBA como 100%.

0.0%	0.0% #3C4D4D	RGB 60 77 77	#3C4D4D
16.7%	16.7% #435A5F	RGB 67 90 95	#435A5F
33.3%	33.3% #4B6871	RGB 75 104 113	#4B6871
50.0%	50.0% #537683	RGB 83 118 131	#537683
66.7%	66.7% #5B8395	RGB 91 131 149	#5B8395
83.3%	83.3% #6391A7	RGB 99 145 167	#6391A7
100.0%	100.0% #6B9FBA	RGB 107 159 186	#6B9FBA

#3C4D4D #435A5F #4B6871 #537683 #5B8395 #6391A7 #6B9FBA

#3C4D4D - #6B9FBA

Mezcla HSV

#3C4D4D - #6B9FBA | 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 #3C4D4D como 0% y #6B9FBA como 100%.

0.0%	0.0% #3C4D4D	RGB 60 77 77	#3C4D4D
16.7%	16.7% #465D5F	RGB 70 93 95	#465D5F
33.3%	33.3% #506D71	RGB 80 109 113	#506D71
50.0%	50.0% #597C83	RGB 89 124 131	#597C83
66.7%	66.7% #608995	RGB 96 137 149	#608995
83.3%	83.3% #6695A7	RGB 102 149 167	#6695A7
100.0%	100.0% #6B9FBA	RGB 107 159 186	#6B9FBA

#3C4D4D #465D5F #506D71 #597C83 #608995 #6695A7 #6B9FBA

#3C4D4D - #597C83 - #6B9FBA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4D4D 0%, #597C83 50%, #6B9FBA 100%);
    background: -webkit-linear-gradient(top, #3C4D4D 0%, #597C83 50%, #6B9FBA 100%);
    background: linear-gradient(to bottom, #3C4D4D 0%, #597C83 50%, #6B9FBA 100%);
}
</style>