#06180D - #00091C | 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 #06180D a #00091C

#06180D #00091C

Calcule el color entre dos colores, #06180D y #00091C. 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)

#06180D - #00091C | 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 #06180D como 0% y #00091C como 100%.

0.0%	0.0% #06180D	RGB 6 24 13	#06180D
16.7%	16.7% #05150F	RGB 5 21 15	#05150F
33.3%	33.3% #041312	RGB 4 19 18	#041312
50.0%	50.0% #031014	RGB 3 16 20	#031014
66.7%	66.7% #020E17	RGB 2 14 23	#020E17
83.3%	83.3% #010B19	RGB 1 11 25	#010B19
100.0%	100.0% #00091C	RGB 0 9 28	#00091C

#06180D #05150F #041312 #031014 #020E17 #010B19 #00091C

#06180D - #00091C

Mezcla HSV

#06180D - #00091C | 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 #06180D como 0% y #00091C como 100%.

0.0%	0.0% #06180D	RGB 6 24 13	#06180D
16.7%	16.7% #051810	RGB 5 24 16	#051810
33.3%	33.3% #041915	RGB 4 25 21	#041915
50.0%	50.0% #03191A	RGB 3 25 26	#03191A
66.7%	66.7% #02141A	RGB 2 20 26	#02141A
83.3%	83.3% #010F1B	RGB 1 15 27	#010F1B
100.0%	100.0% #00091C	RGB 0 9 28	#00091C

#06180D #051810 #041915 #03191A #02141A #010F1B #00091C

#06180D - #03191A - #00091C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #06180D 0%, #03191A 50%, #00091C 100%);
    background: -webkit-linear-gradient(top, #06180D 0%, #03191A 50%, #00091C 100%);
    background: linear-gradient(to bottom, #06180D 0%, #03191A 50%, #00091C 100%);
}
</style>