#152648 - #090F0B | 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 #152648 a #090F0B

#152648 #090F0B

Calcule el color entre dos colores, #152648 y #090F0B. 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)

#152648 - #090F0B | 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 #152648 como 0% y #090F0B como 100%.

0.0%	0.0% #152648	RGB 21 38 72	#152648
16.7%	16.7% #13223D	RGB 19 34 61	#13223D
33.3%	33.3% #111E33	RGB 17 30 51	#111E33
50.0%	50.0% #0F1A29	RGB 15 26 41	#0F1A29
66.7%	66.7% #0D161F	RGB 13 22 31	#0D161F
83.3%	83.3% #0B1215	RGB 11 18 21	#0B1215
100.0%	100.0% #090F0B	RGB 9 15 11	#090F0B

#152648 #13223D #111E33 #0F1A29 #0D161F #0B1215 #090F0B

#152648 - #090F0B

Mezcla HSV

#152648 - #090F0B | 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 #152648 como 0% y #090F0B como 100%.

0.0%	0.0% #152648	RGB 21 38 72	#152648
16.7%	16.7% #152C3E	RGB 21 44 62	#152C3E
33.3%	33.3% #142D35	RGB 20 45 53	#142D35
50.0%	50.0% #132B2B	RGB 19 43 43	#132B2B
66.7%	66.7% #10221E	RGB 16 34 30	#10221E
83.3%	83.3% #0D1813	RGB 13 24 19	#0D1813
100.0%	100.0% #090F0B	RGB 9 15 11	#090F0B

#152648 #152C3E #142D35 #132B2B #10221E #0D1813 #090F0B

#152648 - #132B2B - #090F0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #152648 0%, #132B2B 50%, #090F0B 100%);
    background: -webkit-linear-gradient(top, #152648 0%, #132B2B 50%, #090F0B 100%);
    background: linear-gradient(to bottom, #152648 0%, #132B2B 50%, #090F0B 100%);
}
</style>