#251B05 - #220F07 | 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 #251B05 a #220F07

#251B05 #220F07

Calcule el color entre dos colores, #251B05 y #220F07. 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)

#251B05 - #220F07 | 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 #251B05 como 0% y #220F07 como 100%.

0.0%	0.0% #251B05	RGB 37 27 5	#251B05
16.7%	16.7% #241905	RGB 36 25 5	#241905
33.3%	33.3% #241705	RGB 36 23 5	#241705
50.0%	50.0% #231506	RGB 35 21 6	#231506
66.7%	66.7% #231306	RGB 35 19 6	#231306
83.3%	83.3% #221106	RGB 34 17 6	#221106
100.0%	100.0% #220F07	RGB 34 15 7	#220F07

#251B05 #241905 #241705 #231506 #231306 #221106 #220F07

#251B05 - #220F07

Mezcla HSV

#251B05 - #220F07 | 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 #251B05 como 0% y #220F07 como 100%.

0.0%	0.0% #251B04	RGB 37 27 4	#251B04
16.7%	16.7% #241805	RGB 36 24 5	#241805
33.3%	33.3% #241605	RGB 36 22 5	#241605
50.0%	50.0% #231406	RGB 35 20 6	#231406
66.7%	66.7% #231206	RGB 35 18 6	#231206
83.3%	83.3% #221006	RGB 34 16 6	#221006
100.0%	100.0% #220F07	RGB 34 15 7	#220F07

#251B04 #241805 #241605 #231406 #231206 #221006 #220F07

#251B05 - #231406 - #220F07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #251B04 0%, #231406 50%, #220F07 100%);
    background: -webkit-linear-gradient(top, #251B04 0%, #231406 50%, #220F07 100%);
    background: linear-gradient(to bottom, #251B04 0%, #231406 50%, #220F07 100%);
}
</style>