#5E2D4A - #C4726F | 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 #5E2D4A a #C4726F

#5E2D4A #C4726F

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

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

0.0%	0.0% #5E2D4A	RGB 94 45 74	#5E2D4A
16.7%	16.7% #6F3850	RGB 111 56 80	#6F3850
33.3%	33.3% #804456	RGB 128 68 86	#804456
50.0%	50.0% #914F5C	RGB 145 79 92	#914F5C
66.7%	66.7% #A25B62	RGB 162 91 98	#A25B62
83.3%	83.3% #B36668	RGB 179 102 104	#B36668
100.0%	100.0% #C4726F	RGB 196 114 111	#C4726F

#5E2D4A #6F3850 #804456 #914F5C #A25B62 #B36668 #C4726F

#5E2D4A - #C4726F

Mezcla HSV

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

0.0%	0.0% #5E2D4A	RGB 94 45 74	#5E2D4A
16.7%	16.7% #6F3652	RGB 111 54 82	#6F3652
33.3%	33.3% #804159	RGB 128 65 89	#804159
50.0%	50.0% #914B5F	RGB 145 75 95	#914B5F
66.7%	66.7% #A25764	RGB 162 87 100	#A25764
83.3%	83.3% #B36268	RGB 179 98 104	#B36268
100.0%	100.0% #C4726F	RGB 196 114 111	#C4726F

#5E2D4A #6F3652 #804159 #914B5F #A25764 #B36268 #C4726F

#5E2D4A - #914B5F - #C4726F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4A 0%, #914B5F 50%, #C4726F 100%);
    background: -webkit-linear-gradient(top, #5E2D4A 0%, #914B5F 50%, #C4726F 100%);
    background: linear-gradient(to bottom, #5E2D4A 0%, #914B5F 50%, #C4726F 100%);
}
</style>