#15273C - #090B0B | 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 #15273C a #090B0B

#15273C #090B0B

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

#15273C - #090B0B | 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 #15273C como 0% y #090B0B como 100%.

0.0%	0.0% #15273C	RGB 21 39 60	#15273C
16.7%	16.7% #132233	RGB 19 34 51	#132233
33.3%	33.3% #111D2B	RGB 17 29 43	#111D2B
50.0%	50.0% #0F1923	RGB 15 25 35	#0F1923
66.7%	66.7% #0D141B	RGB 13 20 27	#0D141B
83.3%	83.3% #0B0F13	RGB 11 15 19	#0B0F13
100.0%	100.0% #090B0B	RGB 9 11 11	#090B0B

#15273C #132233 #111D2B #0F1923 #0D141B #0B0F13 #090B0B

#15273C - #090B0B

Mezcla HSV

#15273C - #090B0B | 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 #15273C como 0% y #090B0B como 100%.

0.0%	0.0% #14263C	RGB 20 38 60	#14263C
16.7%	16.7% #162633	RGB 22 38 51	#162633
33.3%	33.3% #16232B	RGB 22 35 43	#16232B
50.0%	50.0% #141F23	RGB 20 31 35	#141F23
66.7%	66.7% #12191B	RGB 18 25 27	#12191B
83.3%	83.3% #0E1213	RGB 14 18 19	#0E1213
100.0%	100.0% #090B0B	RGB 9 11 11	#090B0B

#14263C #162633 #16232B #141F23 #12191B #0E1213 #090B0B

#15273C - #141F23 - #090B0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14263C 0%, #141F23 50%, #090B0B 100%);
    background: -webkit-linear-gradient(top, #14263C 0%, #141F23 50%, #090B0B 100%);
    background: linear-gradient(to bottom, #14263C 0%, #141F23 50%, #090B0B 100%);
}
</style>