#5E2D3E - #C36E5D | 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 #5E2D3E a #C36E5D

#5E2D3E #C36E5D

Calcule el color entre dos colores, #5E2D3E y #C36E5D. 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)

#5E2D3E - #C36E5D | 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 #5E2D3E como 0% y #C36E5D como 100%.

0.0%	0.0% #5E2D3E	RGB 94 45 62	#5E2D3E
16.7%	16.7% #6E3743	RGB 110 55 67	#6E3743
33.3%	33.3% #7F4248	RGB 127 66 72	#7F4248
50.0%	50.0% #904D4D	RGB 144 77 77	#904D4D
66.7%	66.7% #A15852	RGB 161 88 82	#A15852
83.3%	83.3% #B26357	RGB 178 99 87	#B26357
100.0%	100.0% #C36E5D	RGB 195 110 93	#C36E5D

#5E2D3E #6E3743 #7F4248 #904D4D #A15852 #B26357 #C36E5D

#5E2D3E - #C36E5D

Mezcla HSV

#5E2D3E - #C36E5D | 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 #5E2D3E como 0% y #C36E5D como 100%.

0.0%	0.0% #5E2D3E	RGB 94 45 62	#5E2D3E
16.7%	16.7% #6E3544	RGB 110 53 68	#6E3544
33.3%	33.3% #7F3D48	RGB 127 61 72	#7F3D48
50.0%	50.0% #90454B	RGB 144 69 75	#90454B
66.7%	66.7% #A14D4D	RGB 161 77 77	#A14D4D
83.3%	83.3% #B25C55	RGB 178 92 85	#B25C55
100.0%	100.0% #C36E5D	RGB 195 110 93	#C36E5D

#5E2D3E #6E3544 #7F3D48 #90454B #A14D4D #B25C55 #C36E5D

#5E2D3E - #90454B - #C36E5D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D3E 0%, #90454B 50%, #C36E5D 100%);
    background: -webkit-linear-gradient(top, #5E2D3E 0%, #90454B 50%, #C36E5D 100%);
    background: linear-gradient(to bottom, #5E2D3E 0%, #90454B 50%, #C36E5D 100%);
}
</style>