#151127 - #BCBBC1 | 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 #151127 a #BCBBC1

#151127 #BCBBC1

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

#151127 - #BCBBC1 | 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 #151127 como 0% y #BCBBC1 como 100%.

0.0%	0.0% #151127	RGB 21 17 39	#151127
16.7%	16.7% #302D40	RGB 48 45 64	#302D40
33.3%	33.3% #4C495A	RGB 76 73 90	#4C495A
50.0%	50.0% #686674	RGB 104 102 116	#686674
66.7%	66.7% #84828D	RGB 132 130 141	#84828D
83.3%	83.3% #A09EA7	RGB 160 158 167	#A09EA7
100.0%	100.0% #BCBBC1	RGB 188 187 193	#BCBBC1

#151127 #302D40 #4C495A #686674 #84828D #A09EA7 #BCBBC1

#151127 - #BCBBC1

Mezcla HSV

#151127 - #BCBBC1 | 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 #151127 como 0% y #BCBBC1 como 100%.

0.0%	0.0% #151127	RGB 21 17 39	#151127
16.7%	16.7% #272140	RGB 39 33 64	#272140
33.3%	33.3% #3D375A	RGB 61 55 90	#3D375A
50.0%	50.0% #575174	RGB 87 81 116	#575174
66.7%	66.7% #75708D	RGB 117 112 141	#75708D
83.3%	83.3% #9693A7	RGB 150 147 167	#9693A7
100.0%	100.0% #BCBBC1	RGB 188 187 193	#BCBBC1

#151127 #272140 #3D375A #575174 #75708D #9693A7 #BCBBC1

#151127 - #575174 - #BCBBC1

Códigos CSS

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

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