#5E465D - #CF6EBB | 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 #5E465D a #CF6EBB

#5E465D #CF6EBB

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

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #704C6C	RGB 112 76 108	#704C6C
33.3%	33.3% #83537C	RGB 131 83 124	#83537C
50.0%	50.0% #965A8C	RGB 150 90 140	#965A8C
66.7%	66.7% #A9609B	RGB 169 96 155	#A9609B
83.3%	83.3% #BC67AB	RGB 188 103 171	#BC67AB
100.0%	100.0% #CF6EBB	RGB 207 110 187	#CF6EBB

#5E465D #704C6C #83537C #965A8C #A9609B #BC67AB #CF6EBB

#5E465D - #CF6EBB

Mezcla HSV

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #70506E	RGB 112 80 110	#70506E
33.3%	33.3% #83587F	RGB 131 88 127	#83587F
50.0%	50.0% #96608F	RGB 150 96 143	#96608F
66.7%	66.7% #A9669F	RGB 169 102 159	#A9669F
83.3%	83.3% #BC6AAD	RGB 188 106 173	#BC6AAD
100.0%	100.0% #CF6EBB	RGB 207 110 187	#CF6EBB

#5E465D #70506E #83587F #96608F #A9669F #BC6AAD #CF6EBB

#5E465D - #96608F - #CF6EBB

Códigos CSS

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

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