#1F2D15 - #082100 | 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 #1F2D15 a #082100

#1F2D15 #082100

Calcule el color entre dos colores, #1F2D15 y #082100. 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)

#1F2D15 - #082100 | 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 #1F2D15 como 0% y #082100 como 100%.

0.0%	0.0% #1F2D15	RGB 31 45 21	#1F2D15
16.7%	16.7% #1B2B11	RGB 27 43 17	#1B2B11
33.3%	33.3% #17290E	RGB 23 41 14	#17290E
50.0%	50.0% #13270A	RGB 19 39 10	#13270A
66.7%	66.7% #0F2506	RGB 15 37 6	#0F2506
83.3%	83.3% #0B2303	RGB 11 35 3	#0B2303
100.0%	100.0% #082100	RGB 8 33 0	#082100

#1F2D15 #1B2B11 #17290E #13270A #0F2506 #0B2303 #082100

#1F2D15 - #082100

Mezcla HSV

#1F2D15 - #082100 | 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 #1F2D15 como 0% y #082100 como 100%.

0.0%	0.0% #1F2D15	RGB 31 45 21	#1F2D15
16.7%	16.7% #1A2B10	RGB 26 43 16	#1A2B10
33.3%	33.3% #16290C	RGB 22 41 12	#16290C
50.0%	50.0% #122709	RGB 18 39 9	#122709
66.7%	66.7% #0F2505	RGB 15 37 5	#0F2505
83.3%	83.3% #0B2302	RGB 11 35 2	#0B2302
100.0%	100.0% #082100	RGB 8 33 0	#082100

#1F2D15 #1A2B10 #16290C #122709 #0F2505 #0B2302 #082100

#1F2D15 - #122709 - #082100

Códigos CSS

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

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