#080202 - #2D333C | 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 #080202 a #2D333C

#080202 #2D333C

Calcule el color entre dos colores, #080202 y #2D333C. 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)

#080202 - #2D333C | 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 #080202 como 0% y #2D333C como 100%.

0.0%	0.0% #080202	RGB 8 2 2	#080202
16.7%	16.7% #0E0A0B	RGB 14 10 11	#0E0A0B
33.3%	33.3% #141215	RGB 20 18 21	#141215
50.0%	50.0% #1A1A1F	RGB 26 26 31	#1A1A1F
66.7%	66.7% #202228	RGB 32 34 40	#202228
83.3%	83.3% #262A32	RGB 38 42 50	#262A32
100.0%	100.0% #2D333C	RGB 45 51 60	#2D333C

#080202 #0E0A0B #141215 #1A1A1F #202228 #262A32 #2D333C

#080202 - #2D333C

Mezcla HSV

#080202 - #2D333C | 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 #080202 como 0% y #2D333C como 100%.

0.0%	0.0% #080202	RGB 8 2 2	#080202
16.7%	16.7% #10050A	RGB 16 5 10	#10050A
33.3%	33.3% #190A16	RGB 25 10 22	#190A16
50.0%	50.0% #1E1122	RGB 30 17 34	#1E1122
66.7%	66.7% #1F182A	RGB 31 24 42	#1F182A
83.3%	83.3% #222233	RGB 34 34 51	#222233
100.0%	100.0% #2D333C	RGB 45 51 60	#2D333C

#080202 #10050A #190A16 #1E1122 #1F182A #222233 #2D333C

#080202 - #1E1122 - #2D333C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080202 0%, #1E1122 50%, #2D333C 100%);
    background: -webkit-linear-gradient(top, #080202 0%, #1E1122 50%, #2D333C 100%);
    background: linear-gradient(to bottom, #080202 0%, #1E1122 50%, #2D333C 100%);
}
</style>