#5E364D - #CA5A8F | 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 #5E364D a #CA5A8F

#5E364D #CA5A8F

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

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

0.0%	0.0% #5E364D	RGB 94 54 77	#5E364D
16.7%	16.7% #703C58	RGB 112 60 88	#703C58
33.3%	33.3% #824263	RGB 130 66 99	#824263
50.0%	50.0% #94486E	RGB 148 72 110	#94486E
66.7%	66.7% #A64E79	RGB 166 78 121	#A64E79
83.3%	83.3% #B85484	RGB 184 84 132	#B85484
100.0%	100.0% #CA5A8F	RGB 202 90 143	#CA5A8F

#5E364D #703C58 #824263 #94486E #A64E79 #B85484 #CA5A8F

#5E364D - #CA5A8F

Mezcla HSV

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

0.0%	0.0% #5E364D	RGB 94 54 77	#5E364D
16.7%	16.7% #703D59	RGB 112 61 89	#703D59
33.3%	33.3% #824566	RGB 130 69 102	#824566
50.0%	50.0% #944B71	RGB 148 75 113	#944B71
66.7%	66.7% #A6517C	RGB 166 81 124	#A6517C
83.3%	83.3% #B85586	RGB 184 85 134	#B85586
100.0%	100.0% #CA5A8F	RGB 202 90 143	#CA5A8F

#5E364D #703D59 #824566 #944B71 #A6517C #B85586 #CA5A8F

#5E364D - #944B71 - #CA5A8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
    background: -webkit-linear-gradient(top, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
    background: linear-gradient(to bottom, #5E364D 0%, #944B71 50%, #CA5A8F 100%);
}
</style>