#72374D - #3D0E12 | 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 #72374D a #3D0E12

#72374D #3D0E12

Calcule el color entre dos colores, #72374D y #3D0E12. 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)

#72374D - #3D0E12 | 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 #72374D como 0% y #3D0E12 como 100%.

0.0%	0.0% #72374D	RGB 114 55 77	#72374D
16.7%	16.7% #693043	RGB 105 48 67	#693043
33.3%	33.3% #602939	RGB 96 41 57	#602939
50.0%	50.0% #57222F	RGB 87 34 47	#57222F
66.7%	66.7% #4E1B25	RGB 78 27 37	#4E1B25
83.3%	83.3% #45141B	RGB 69 20 27	#45141B
100.0%	100.0% #3D0E12	RGB 61 14 18	#3D0E12

#72374D #693043 #602939 #57222F #4E1B25 #45141B #3D0E12

#72374D - #3D0E12

Mezcla HSV

#72374D - #3D0E12 | 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 #72374D como 0% y #3D0E12 como 100%.

0.0%	0.0% #72374D	RGB 114 55 77	#72374D
16.7%	16.7% #692E41	RGB 105 46 65	#692E41
33.3%	33.3% #602636	RGB 96 38 54	#602636
50.0%	50.0% #571F2C	RGB 87 31 44	#571F2C
66.7%	66.7% #4E1822	RGB 78 24 34	#4E1822
83.3%	83.3% #451219	RGB 69 18 25	#451219
100.0%	100.0% #3D0E12	RGB 61 14 18	#3D0E12

#72374D #692E41 #602636 #571F2C #4E1822 #451219 #3D0E12

#72374D - #571F2C - #3D0E12

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72374D 0%, #571F2C 50%, #3D0E12 100%);
    background: -webkit-linear-gradient(top, #72374D 0%, #571F2C 50%, #3D0E12 100%);
    background: linear-gradient(to bottom, #72374D 0%, #571F2C 50%, #3D0E12 100%);
}
</style>