#3E5E5C - #898DCF | 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 #3E5E5C a #898DCF

#3E5E5C #898DCF

Calcule el color entre dos colores, #3E5E5C y #898DCF. 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)

#3E5E5C - #898DCF | 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 #3E5E5C como 0% y #898DCF como 100%.

0.0%	0.0% #3E5E5C	RGB 62 94 92	#3E5E5C
16.7%	16.7% #4A656F	RGB 74 101 111	#4A656F
33.3%	33.3% #576D82	RGB 87 109 130	#576D82
50.0%	50.0% #637595	RGB 99 117 149	#637595
66.7%	66.7% #707DA8	RGB 112 125 168	#707DA8
83.3%	83.3% #7C85BB	RGB 124 133 187	#7C85BB
100.0%	100.0% #898DCF	RGB 137 141 207	#898DCF

#3E5E5C #4A656F #576D82 #637595 #707DA8 #7C85BB #898DCF

#3E5E5C - #898DCF

Mezcla HSV

#3E5E5C - #898DCF | 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 #3E5E5C como 0% y #898DCF como 100%.

0.0%	0.0% #3E5E5C	RGB 62 94 92	#3E5E5C
16.7%	16.7% #4A6C70	RGB 74 108 112	#4A6C70
33.3%	33.3% #567783	RGB 86 119 131	#567783
50.0%	50.0% #638096	RGB 99 128 150	#638096
66.7%	66.7% #6F86A9	RGB 111 134 169	#6F86A9
83.3%	83.3% #7C8ABC	RGB 124 138 188	#7C8ABC
100.0%	100.0% #898DCF	RGB 137 141 207	#898DCF

#3E5E5C #4A6C70 #567783 #638096 #6F86A9 #7C8ABC #898DCF

#3E5E5C - #638096 - #898DCF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5C 0%, #638096 50%, #898DCF 100%);
    background: -webkit-linear-gradient(top, #3E5E5C 0%, #638096 50%, #898DCF 100%);
    background: linear-gradient(to bottom, #3E5E5C 0%, #638096 50%, #898DCF 100%);
}
</style>