#616F89 - #BDB1A6 | 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 #616F89 a #BDB1A6

#616F89 #BDB1A6

Calcule el color entre dos colores, #616F89 y #BDB1A6. 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)

#616F89 - #BDB1A6 | 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 #616F89 como 0% y #BDB1A6 como 100%.

0.0%	0.0% #616F89	RGB 97 111 137	#616F89
16.7%	16.7% #707A8D	RGB 112 122 141	#707A8D
33.3%	33.3% #7F8592	RGB 127 133 146	#7F8592
50.0%	50.0% #8F9097	RGB 143 144 151	#8F9097
66.7%	66.7% #9E9B9C	RGB 158 155 156	#9E9B9C
83.3%	83.3% #ADA6A1	RGB 173 166 161	#ADA6A1
100.0%	100.0% #BDB1A6	RGB 189 177 166	#BDB1A6

#616F89 #707A8D #7F8592 #8F9097 #9E9B9C #ADA6A1 #BDB1A6

#616F89 - #BDB1A6

Mezcla HSV

#616F89 - #BDB1A6 | 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 #616F89 como 0% y #BDB1A6 como 100%.

0.0%	0.0% #616F89	RGB 97 111 137	#616F89
16.7%	16.7% #6F6B91	RGB 111 107 145	#6F6B91
33.3%	33.3% #8B769A	RGB 139 118 154	#8B769A
50.0%	50.0% #A381A0	RGB 163 129 160	#A381A0
66.7%	66.7% #AB8D9B	RGB 171 141 155	#AB8D9B
83.3%	83.3% #B49999	RGB 180 153 153	#B49999
100.0%	100.0% #BDB1A6	RGB 189 177 166	#BDB1A6

#616F89 #6F6B91 #8B769A #A381A0 #AB8D9B #B49999 #BDB1A6

#616F89 - #A381A0 - #BDB1A6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616F89 0%, #A381A0 50%, #BDB1A6 100%);
    background: -webkit-linear-gradient(top, #616F89 0%, #A381A0 50%, #BDB1A6 100%);
    background: linear-gradient(to bottom, #616F89 0%, #A381A0 50%, #BDB1A6 100%);
}
</style>