#21442B - #09130B | 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 #21442B a #09130B

#21442B #09130B

Calcule el color entre dos colores, #21442B y #09130B. 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)

#21442B - #09130B | 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 #21442B como 0% y #09130B como 100%.

0.0%	0.0% #21442B	RGB 33 68 43	#21442B
16.7%	16.7% #1D3B25	RGB 29 59 37	#1D3B25
33.3%	33.3% #193320	RGB 25 51 32	#193320
50.0%	50.0% #152B1B	RGB 21 43 27	#152B1B
66.7%	66.7% #112315	RGB 17 35 21	#112315
83.3%	83.3% #0D1B10	RGB 13 27 16	#0D1B10
100.0%	100.0% #09130B	RGB 9 19 11	#09130B

#21442B #1D3B25 #193320 #152B1B #112315 #0D1B10 #09130B

#21442B - #09130B

Mezcla HSV

#21442B - #09130B | 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 #21442B como 0% y #09130B como 100%.

0.0%	0.0% #21442B	RGB 33 68 43	#21442B
16.7%	16.7% #1C3B25	RGB 28 59 37	#1C3B25
33.3%	33.3% #18331F	RGB 24 51 31	#18331F
50.0%	50.0% #142B1A	RGB 20 43 26	#142B1A
66.7%	66.7% #102315	RGB 16 35 21	#102315
83.3%	83.3% #0C1B0F	RGB 12 27 15	#0C1B0F
100.0%	100.0% #09130B	RGB 9 19 11	#09130B

#21442B #1C3B25 #18331F #142B1A #102315 #0C1B0F #09130B

#21442B - #142B1A - #09130B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #21442B 0%, #142B1A 50%, #09130B 100%);
    background: -webkit-linear-gradient(top, #21442B 0%, #142B1A 50%, #09130B 100%);
    background: linear-gradient(to bottom, #21442B 0%, #142B1A 50%, #09130B 100%);
}
</style>