#171822 - #BCBDBF | 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 #171822 a #BCBDBF

#171822 #BCBDBF

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

#171822 - #BCBDBF | 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 #171822 como 0% y #BCBDBF como 100%.

0.0%	0.0% #171822	RGB 23 24 34	#171822
16.7%	16.7% #32333C	RGB 50 51 60	#32333C
33.3%	33.3% #4E4F56	RGB 78 79 86	#4E4F56
50.0%	50.0% #696A70	RGB 105 106 112	#696A70
66.7%	66.7% #85868A	RGB 133 134 138	#85868A
83.3%	83.3% #A0A1A4	RGB 160 161 164	#A0A1A4
100.0%	100.0% #BCBDBF	RGB 188 189 191	#BCBDBF

#171822 #32333C #4E4F56 #696A70 #85868A #A0A1A4 #BCBDBF

#171822 - #BCBDBF

Mezcla HSV

#171822 - #BCBDBF | 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 #171822 como 0% y #BCBDBF como 100%.

0.0%	0.0% #171822	RGB 23 24 34	#171822
16.7%	16.7% #2B2D3C	RGB 43 45 60	#2B2D3C
33.3%	33.3% #434656	RGB 67 70 86	#434656
50.0%	50.0% #5D6170	RGB 93 97 112	#5D6170
66.7%	66.7% #7A7E8A	RGB 122 126 138	#7A7E8A
83.3%	83.3% #999DA4	RGB 153 157 164	#999DA4
100.0%	100.0% #BCBDBF	RGB 188 189 191	#BCBDBF

#171822 #2B2D3C #434656 #5D6170 #7A7E8A #999DA4 #BCBDBF

#171822 - #5D6170 - #BCBDBF

Códigos CSS

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

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