#271811 - #71513E | 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 #271811 a #71513E

#271811 #71513E

Calcule el color entre dos colores, #271811 y #71513E. 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)

#271811 - #71513E | 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 #271811 como 0% y #71513E como 100%.

0.0%	0.0% #271811	RGB 39 24 17	#271811
16.7%	16.7% #332118	RGB 51 33 24	#332118
33.3%	33.3% #3F2B20	RGB 63 43 32	#3F2B20
50.0%	50.0% #4C3427	RGB 76 52 39	#4C3427
66.7%	66.7% #583E2F	RGB 88 62 47	#583E2F
83.3%	83.3% #644736	RGB 100 71 54	#644736
100.0%	100.0% #71513E	RGB 113 81 62	#71513E

#271811 #332118 #3F2B20 #4C3427 #583E2F #644736 #71513E

#271811 - #71513E

Mezcla HSV

#271811 - #71513E | 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 #271811 como 0% y #71513E como 100%.

0.0%	0.0% #271811	RGB 39 24 17	#271811
16.7%	16.7% #332017	RGB 51 32 23	#332017
33.3%	33.3% #3F291E	RGB 63 41 30	#3F291E
50.0%	50.0% #4C3225	RGB 76 50 37	#4C3225
66.7%	66.7% #583C2D	RGB 88 60 45	#583C2D
83.3%	83.3% #644635	RGB 100 70 53	#644635
100.0%	100.0% #71513E	RGB 113 81 62	#71513E

#271811 #332017 #3F291E #4C3225 #583C2D #644635 #71513E

#271811 - #4C3225 - #71513E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #271811 0%, #4C3225 50%, #71513E 100%);
    background: -webkit-linear-gradient(top, #271811 0%, #4C3225 50%, #71513E 100%);
    background: linear-gradient(to bottom, #271811 0%, #4C3225 50%, #71513E 100%);
}
</style>