#3E5E97 - #97A8BD | 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 #3E5E97 a #97A8BD

#3E5E97 #97A8BD

Calcule el color entre dos colores, #3E5E97 y #97A8BD. 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)

#3E5E97 - #97A8BD | 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 #3E5E97 como 0% y #97A8BD como 100%.

0.0%	0.0% #3E5E97	RGB 62 94 151	#3E5E97
16.7%	16.7% #4C6A9D	RGB 76 106 157	#4C6A9D
33.3%	33.3% #5B76A3	RGB 91 118 163	#5B76A3
50.0%	50.0% #6A83AA	RGB 106 131 170	#6A83AA
66.7%	66.7% #798FB0	RGB 121 143 176	#798FB0
83.3%	83.3% #889BB6	RGB 136 155 182	#889BB6
100.0%	100.0% #97A8BD	RGB 151 168 189	#97A8BD

#3E5E97 #4C6A9D #5B76A3 #6A83AA #798FB0 #889BB6 #97A8BD

#3E5E97 - #97A8BD

Mezcla HSV

#3E5E97 - #97A8BD | 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 #3E5E97 como 0% y #97A8BD como 100%.

0.0%	0.0% #3E5D97	RGB 62 93 151	#3E5D97
16.7%	16.7% #4A699D	RGB 74 105 157	#4A699D
33.3%	33.3% #5875A3	RGB 88 117 163	#5875A3
50.0%	50.0% #6681AA	RGB 102 129 170	#6681AA
66.7%	66.7% #768EB0	RGB 118 142 176	#768EB0
83.3%	83.3% #869BB6	RGB 134 155 182	#869BB6
100.0%	100.0% #97A8BD	RGB 151 168 189	#97A8BD

#3E5D97 #4A699D #5875A3 #6681AA #768EB0 #869BB6 #97A8BD

#3E5E97 - #6681AA - #97A8BD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
    background: -webkit-linear-gradient(top, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
    background: linear-gradient(to bottom, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
}
</style>