#5E464C - #CF6E75 | 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 #5E464C a #CF6E75

#5E464C #CF6E75

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

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

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #704C52	RGB 112 76 82	#704C52
33.3%	33.3% #835359	RGB 131 83 89	#835359
50.0%	50.0% #965A60	RGB 150 90 96	#965A60
66.7%	66.7% #A96067	RGB 169 96 103	#A96067
83.3%	83.3% #BC676E	RGB 188 103 110	#BC676E
100.0%	100.0% #CF6E75	RGB 207 110 117	#CF6E75

#5E464C #704C52 #835359 #965A60 #A96067 #BC676E #CF6E75

#5E464C - #CF6E75

Mezcla HSV

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

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #705057	RGB 112 80 87	#705057
33.3%	33.3% #835860	RGB 131 88 96	#835860
50.0%	50.0% #966068	RGB 150 96 104	#966068
66.7%	66.7% #A9666E	RGB 169 102 110	#A9666E
83.3%	83.3% #BC6A72	RGB 188 106 114	#BC6A72
100.0%	100.0% #CF6E75	RGB 207 110 117	#CF6E75

#5E464C #705057 #835860 #966068 #A9666E #BC6A72 #CF6E75

#5E464C - #966068 - #CF6E75

Códigos CSS

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

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