#5D2D3A - #C26D57 | 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 #5D2D3A a #C26D57

#5D2D3A #C26D57

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

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

0.0%	0.0% #5D2D3A	RGB 93 45 58	#5D2D3A
16.7%	16.7% #6D373E	RGB 109 55 62	#6D373E
33.3%	33.3% #7E4243	RGB 126 66 67	#7E4243
50.0%	50.0% #8F4D48	RGB 143 77 72	#8F4D48
66.7%	66.7% #A0574D	RGB 160 87 77	#A0574D
83.3%	83.3% #B16252	RGB 177 98 82	#B16252
100.0%	100.0% #C26D57	RGB 194 109 87	#C26D57

#5D2D3A #6D373E #7E4243 #8F4D48 #A0574D #B16252 #C26D57

#5D2D3A - #C26D57

Mezcla HSV

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

0.0%	0.0% #5D2D3A	RGB 93 45 58	#5D2D3A
16.7%	16.7% #6D343F	RGB 109 52 63	#6D343F
33.3%	33.3% #7E3B43	RGB 126 59 67	#7E3B43
50.0%	50.0% #8F4245	RGB 143 66 69	#8F4245
66.7%	66.7% #A04D49	RGB 160 77 73	#A04D49
83.3%	83.3% #B15C50	RGB 177 92 80	#B15C50
100.0%	100.0% #C26D57	RGB 194 109 87	#C26D57

#5D2D3A #6D343F #7E3B43 #8F4245 #A04D49 #B15C50 #C26D57

#5D2D3A - #8F4245 - #C26D57

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D2D3A 0%, #8F4245 50%, #C26D57 100%);
    background: -webkit-linear-gradient(top, #5D2D3A 0%, #8F4245 50%, #C26D57 100%);
    background: linear-gradient(to bottom, #5D2D3A 0%, #8F4245 50%, #C26D57 100%);
}
</style>