#222022 - #BFBFBF | 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 #222022 a #BFBFBF

#222022 #BFBFBF

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

#222022 - #BFBFBF | 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 #222022 como 0% y #BFBFBF como 100%.

0.0%	0.0% #222022	RGB 34 32 34	#222022
16.7%	16.7% #3C3A3C	RGB 60 58 60	#3C3A3C
33.3%	33.3% #565556	RGB 86 85 86	#565556
50.0%	50.0% #706F70	RGB 112 111 112	#706F70
66.7%	66.7% #8A8A8A	RGB 138 138 138	#8A8A8A
83.3%	83.3% #A4A4A4	RGB 164 164 164	#A4A4A4
100.0%	100.0% #BFBFBF	RGB 191 191 191	#BFBFBF

#222022 #3C3A3C #565556 #706F70 #8A8A8A #A4A4A4 #BFBFBF

#222022 - #BFBFBF

Mezcla HSV

#222022 - #BFBFBF | 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 #222022 como 0% y #BFBFBF como 100%.

0.0%	0.0% #222022	RGB 34 32 34	#222022
16.7%	16.7% #3C393B	RGB 60 57 59	#3C393B
33.3%	33.3% #565255	RGB 86 82 85	#565255
50.0%	50.0% #706D6E	RGB 112 109 110	#706D6E
66.7%	66.7% #8A8788	RGB 138 135 136	#8A8788
83.3%	83.3% #A4A3A3	RGB 164 163 163	#A4A3A3
100.0%	100.0% #BFBFBF	RGB 191 191 191	#BFBFBF

#222022 #3C393B #565255 #706D6E #8A8788 #A4A3A3 #BFBFBF

#222022 - #706D6E - #BFBFBF

Códigos CSS

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

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