#15242D - #BCC0C3 | 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 #15242D a #BCC0C3

#15242D #BCC0C3

Calcule el color entre dos colores, #15242D y #BCC0C3. 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)

#15242D - #BCC0C3 | 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 #15242D como 0% y #BCC0C3 como 100%.

0.0%	0.0% #15242D	RGB 21 36 45	#15242D
16.7%	16.7% #303E46	RGB 48 62 70	#303E46
33.3%	33.3% #4C585F	RGB 76 88 95	#4C585F
50.0%	50.0% #687278	RGB 104 114 120	#687278
66.7%	66.7% #848C91	RGB 132 140 145	#848C91
83.3%	83.3% #A0A6AA	RGB 160 166 170	#A0A6AA
100.0%	100.0% #BCC0C3	RGB 188 192 195	#BCC0C3

#15242D #303E46 #4C585F #687278 #848C91 #A0A6AA #BCC0C3

#15242D - #BCC0C3

Mezcla HSV

#15242D - #BCC0C3 | 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 #15242D como 0% y #BCC0C3 como 100%.

0.0%	0.0% #15242D	RGB 21 36 45	#15242D
16.7%	16.7% #263946	RGB 38 57 70	#263946
33.3%	33.3% #3C515F	RGB 60 81 95	#3C515F
50.0%	50.0% #556A78	RGB 85 106 120	#556A78
66.7%	66.7% #738491	RGB 115 132 145	#738491
83.3%	83.3% #95A1AA	RGB 149 161 170	#95A1AA
100.0%	100.0% #BCC0C3	RGB 188 192 195	#BCC0C3

#15242D #263946 #3C515F #556A78 #738491 #95A1AA #BCC0C3

#15242D - #556A78 - #BCC0C3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15242D 0%, #556A78 50%, #BCC0C3 100%);
    background: -webkit-linear-gradient(top, #15242D 0%, #556A78 50%, #BCC0C3 100%);
    background: linear-gradient(to bottom, #15242D 0%, #556A78 50%, #BCC0C3 100%);
}
</style>