#213444 - #BFC5C9 | 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 #213444 a #BFC5C9

#213444 #BFC5C9

Calcule el color entre dos colores, #213444 y #BFC5C9. 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)

#213444 - #BFC5C9 | 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 #213444 como 0% y #BFC5C9 como 100%.

0.0%	0.0% #213444	RGB 33 52 68	#213444
16.7%	16.7% #3B4C5A	RGB 59 76 90	#3B4C5A
33.3%	33.3% #556470	RGB 85 100 112	#556470
50.0%	50.0% #707C86	RGB 112 124 134	#707C86
66.7%	66.7% #8A949C	RGB 138 148 156	#8A949C
83.3%	83.3% #A4ACB2	RGB 164 172 178	#A4ACB2
100.0%	100.0% #BFC5C9	RGB 191 197 201	#BFC5C9

#213444 #3B4C5A #556470 #707C86 #8A949C #A4ACB2 #BFC5C9

#213444 - #BFC5C9

Mezcla HSV

#213444 - #BFC5C9 | 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 #213444 como 0% y #BFC5C9 como 100%.

0.0%	0.0% #213444	RGB 33 52 68	#213444
16.7%	16.7% #32485A	RGB 50 72 90	#32485A
33.3%	33.3% #475E70	RGB 71 94 112	#475E70
50.0%	50.0% #607686	RGB 96 118 134	#607686
66.7%	66.7% #7C8F9C	RGB 124 143 156	#7C8F9C
83.3%	83.3% #9CA9B2	RGB 156 169 178	#9CA9B2
100.0%	100.0% #BFC5C9	RGB 191 197 201	#BFC5C9

#213444 #32485A #475E70 #607686 #7C8F9C #9CA9B2 #BFC5C9

#213444 - #607686 - #BFC5C9

Códigos CSS

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

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