#5E5E9D - #A6A2B8 | 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 #5E5E9D a #A6A2B8

#5E5E9D #A6A2B8

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

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

0.0%	0.0% #5E5E9D	RGB 94 94 157	#5E5E9D
16.7%	16.7% #6A69A1	RGB 106 105 161	#6A69A1
33.3%	33.3% #7674A6	RGB 118 116 166	#7674A6
50.0%	50.0% #8280AA	RGB 130 128 170	#8280AA
66.7%	66.7% #8E8BAF	RGB 142 139 175	#8E8BAF
83.3%	83.3% #9A96B3	RGB 154 150 179	#9A96B3
100.0%	100.0% #A6A2B8	RGB 166 162 184	#A6A2B8

#5E5E9D #6A69A1 #7674A6 #8280AA #8E8BAF #9A96B3 #A6A2B8

#5E5E9D - #A6A2B8

Mezcla HSV

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

0.0%	0.0% #5E5E9D	RGB 94 94 157	#5E5E9D
16.7%	16.7% #6A68A1	RGB 106 104 161	#6A68A1
33.3%	33.3% #7672A6	RGB 118 114 166	#7672A6
50.0%	50.0% #827EAA	RGB 130 126 170	#827EAA
66.7%	66.7% #8E89AF	RGB 142 137 175	#8E89AF
83.3%	83.3% #9A95B3	RGB 154 149 179	#9A95B3
100.0%	100.0% #A6A2B8	RGB 166 162 184	#A6A2B8

#5E5E9D #6A68A1 #7672A6 #827EAA #8E89AF #9A95B3 #A6A2B8

#5E5E9D - #827EAA - #A6A2B8

Códigos CSS

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

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