#39101C - #30050D | 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 #39101C a #30050D

#39101C #30050D

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

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

0.0%	0.0% #39101C	RGB 57 16 28	#39101C
16.7%	16.7% #370E19	RGB 55 14 25	#370E19
33.3%	33.3% #360C17	RGB 54 12 23	#360C17
50.0%	50.0% #340A14	RGB 52 10 20	#340A14
66.7%	66.7% #330812	RGB 51 8 18	#330812
83.3%	83.3% #31060F	RGB 49 6 15	#31060F
100.0%	100.0% #30050D	RGB 48 5 13	#30050D

#39101C #370E19 #360C17 #340A14 #330812 #31060F #30050D

#39101C - #30050D

Mezcla HSV

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

0.0%	0.0% #39101C	RGB 57 16 28	#39101C
16.7%	16.7% #370D19	RGB 55 13 25	#370D19
33.3%	33.3% #360B16	RGB 54 11 22	#360B16
50.0%	50.0% #340A14	RGB 52 10 20	#340A14
66.7%	66.7% #330811	RGB 51 8 17	#330811
83.3%	83.3% #31060F	RGB 49 6 15	#31060F
100.0%	100.0% #30050D	RGB 48 5 13	#30050D

#39101C #370D19 #360B16 #340A14 #330811 #31060F #30050D

#39101C - #340A14 - #30050D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39101C 0%, #340A14 50%, #30050D 100%);
    background: -webkit-linear-gradient(top, #39101C 0%, #340A14 50%, #30050D 100%);
    background: linear-gradient(to bottom, #39101C 0%, #340A14 50%, #30050D 100%);
}
</style>