#5E8FA8 - #A6B8C2 | 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 #5E8FA8 a #A6B8C2

#5E8FA8 #A6B8C2

Calcule el color entre dos colores, #5E8FA8 y #A6B8C2. 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)

#5E8FA8 - #A6B8C2 | 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 #5E8FA8 como 0% y #A6B8C2 como 100%.

0.0%	0.0% #5E8FA8	RGB 94 143 168	#5E8FA8
16.7%	16.7% #6A95AC	RGB 106 149 172	#6A95AC
33.3%	33.3% #769CB0	RGB 118 156 176	#769CB0
50.0%	50.0% #82A3B5	RGB 130 163 181	#82A3B5
66.7%	66.7% #8EAAB9	RGB 142 170 185	#8EAAB9
83.3%	83.3% #9AB1BD	RGB 154 177 189	#9AB1BD
100.0%	100.0% #A6B8C2	RGB 166 184 194	#A6B8C2

#5E8FA8 #6A95AC #769CB0 #82A3B5 #8EAAB9 #9AB1BD #A6B8C2

#5E8FA8 - #A6B8C2

Mezcla HSV

#5E8FA8 - #A6B8C2 | 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 #5E8FA8 como 0% y #A6B8C2 como 100%.

0.0%	0.0% #5E8FA8	RGB 94 143 168	#5E8FA8
16.7%	16.7% #6895AC	RGB 104 149 172	#6895AC
33.3%	33.3% #749BB0	RGB 116 155 176	#749BB0
50.0%	50.0% #80A2B5	RGB 128 162 181	#80A2B5
66.7%	66.7% #8CA9B9	RGB 140 169 185	#8CA9B9
83.3%	83.3% #98B0BD	RGB 152 176 189	#98B0BD
100.0%	100.0% #A6B8C2	RGB 166 184 194	#A6B8C2

#5E8FA8 #6895AC #749BB0 #80A2B5 #8CA9B9 #98B0BD #A6B8C2

#5E8FA8 - #80A2B5 - #A6B8C2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8FA8 0%, #80A2B5 50%, #A6B8C2 100%);
    background: -webkit-linear-gradient(top, #5E8FA8 0%, #80A2B5 50%, #A6B8C2 100%);
    background: linear-gradient(to bottom, #5E8FA8 0%, #80A2B5 50%, #A6B8C2 100%);
}
</style>