#3B5E8C - #9AA8B5 | 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 #3B5E8C a #9AA8B5

#3B5E8C #9AA8B5

Calcule el color entre dos colores, #3B5E8C y #9AA8B5. 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)

#3B5E8C - #9AA8B5 | 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 #3B5E8C como 0% y #9AA8B5 como 100%.

0.0%	0.0% #3B5E8C	RGB 59 94 140	#3B5E8C
16.7%	16.7% #4A6A92	RGB 74 106 146	#4A6A92
33.3%	33.3% #5A7699	RGB 90 118 153	#5A7699
50.0%	50.0% #6A83A0	RGB 106 131 160	#6A83A0
66.7%	66.7% #7A8FA7	RGB 122 143 167	#7A8FA7
83.3%	83.3% #8A9BAE	RGB 138 155 174	#8A9BAE
100.0%	100.0% #9AA8B5	RGB 154 168 181	#9AA8B5

#3B5E8C #4A6A92 #5A7699 #6A83A0 #7A8FA7 #8A9BAE #9AA8B5

#3B5E8C - #9AA8B5

Mezcla HSV

#3B5E8C - #9AA8B5 | 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 #3B5E8C como 0% y #9AA8B5 como 100%.

0.0%	0.0% #3B5E8C	RGB 59 94 140	#3B5E8C
16.7%	16.7% #486992	RGB 72 105 146	#486992
33.3%	33.3% #567599	RGB 86 117 153	#567599
50.0%	50.0% #6681A0	RGB 102 129 160	#6681A0
66.7%	66.7% #768EA7	RGB 118 142 167	#768EA7
83.3%	83.3% #879BAE	RGB 135 155 174	#879BAE
100.0%	100.0% #9AA8B5	RGB 154 168 181	#9AA8B5

#3B5E8C #486992 #567599 #6681A0 #768EA7 #879BAE #9AA8B5

#3B5E8C - #6681A0 - #9AA8B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E8C 0%, #6681A0 50%, #9AA8B5 100%);
    background: -webkit-linear-gradient(top, #3B5E8C 0%, #6681A0 50%, #9AA8B5 100%);
    background: linear-gradient(to bottom, #3B5E8C 0%, #6681A0 50%, #9AA8B5 100%);
}
</style>