#5E5C5E - #D382D7 | 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 #5E5C5E a #D382D7

#5E5C5E #D382D7

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

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

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #716272	RGB 113 98 114	#716272
33.3%	33.3% #856886	RGB 133 104 134	#856886
50.0%	50.0% #986F9A	RGB 152 111 154	#986F9A
66.7%	66.7% #AC75AE	RGB 172 117 174	#AC75AE
83.3%	83.3% #BF7BC2	RGB 191 123 194	#BF7BC2
100.0%	100.0% #D382D7	RGB 211 130 215	#D382D7

#5E5C5E #716272 #856886 #986F9A #AC75AE #BF7BC2 #D382D7

#5E5C5E - #D382D7

Mezcla HSV

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

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #726872	RGB 114 104 114	#726872
33.3%	33.3% #867286	RGB 134 114 134	#867286
50.0%	50.0% #997A9A	RGB 153 122 154	#997A9A
66.7%	66.7% #AD7FAE	RGB 173 127 174	#AD7FAE
83.3%	83.3% #C081C2	RGB 192 129 194	#C081C2
100.0%	100.0% #D382D7	RGB 211 130 215	#D382D7

#5E5C5E #726872 #867286 #997A9A #AD7FAE #C081C2 #D382D7

#5E5C5E - #997A9A - #D382D7

Códigos CSS

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

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