#002B5E - #B6C2D1 | 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 #002B5E a #B6C2D1

#002B5E #B6C2D1

Calcule el color entre dos colores, #002B5E y #B6C2D1. 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)

#002B5E - #B6C2D1 | 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 #002B5E como 0% y #B6C2D1 como 100%.

0.0%	0.0% #002B5E	RGB 0 43 94	#002B5E
16.7%	16.7% #1E4471	RGB 30 68 113	#1E4471
33.3%	33.3% #3C5D84	RGB 60 93 132	#3C5D84
50.0%	50.0% #5B7697	RGB 91 118 151	#5B7697
66.7%	66.7% #798FAA	RGB 121 143 170	#798FAA
83.3%	83.3% #97A8BD	RGB 151 168 189	#97A8BD
100.0%	100.0% #B6C2D1	RGB 182 194 209	#B6C2D1

#002B5E #1E4471 #3C5D84 #5B7697 #798FAA #97A8BD #B6C2D1

#002B5E - #B6C2D1

Mezcla HSV

#002B5E - #B6C2D1 | 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 #002B5E como 0% y #B6C2D1 como 100%.

0.0%	0.0% #002A5E	RGB 0 42 94	#002A5E
16.7%	16.7% #103C71	RGB 16 60 113	#103C71
33.3%	33.3% #265084	RGB 38 80 132	#265084
50.0%	50.0% #416897	RGB 65 104 151	#416897
66.7%	66.7% #6383AA	RGB 99 131 170	#6383AA
83.3%	83.3% #89A1BD	RGB 137 161 189	#89A1BD
100.0%	100.0% #B6C2D1	RGB 182 194 209	#B6C2D1

#002A5E #103C71 #265084 #416897 #6383AA #89A1BD #B6C2D1

#002B5E - #416897 - #B6C2D1

Códigos CSS

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

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