#565B8F - #A59FAE | 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 #565B8F a #A59FAE

#565B8F #A59FAE

Calcule el color entre dos colores, #565B8F y #A59FAE. 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)

#565B8F - #A59FAE | 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 #565B8F como 0% y #A59FAE como 100%.

0.0%	0.0% #565B8F	RGB 86 91 143	#565B8F
16.7%	16.7% #636694	RGB 99 102 148	#636694
33.3%	33.3% #707199	RGB 112 113 153	#707199
50.0%	50.0% #7D7D9E	RGB 125 125 158	#7D7D9E
66.7%	66.7% #8A88A3	RGB 138 136 163	#8A88A3
83.3%	83.3% #9793A8	RGB 151 147 168	#9793A8
100.0%	100.0% #A59FAE	RGB 165 159 174	#A59FAE

#565B8F #636694 #707199 #7D7D9E #8A88A3 #9793A8 #A59FAE

#565B8F - #A59FAE

Mezcla HSV

#565B8F - #A59FAE | 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 #565B8F como 0% y #A59FAE como 100%.

0.0%	0.0% #565A8F	RGB 86 90 143	#565A8F
16.7%	16.7% #606194	RGB 96 97 148	#606194
33.3%	33.3% #6F6C99	RGB 111 108 153	#6F6C99
50.0%	50.0% #7E789E	RGB 126 120 158	#7E789E
66.7%	66.7% #8B84A3	RGB 139 132 163	#8B84A3
83.3%	83.3% #9891A8	RGB 152 145 168	#9891A8
100.0%	100.0% #A59FAE	RGB 165 159 174	#A59FAE

#565A8F #606194 #6F6C99 #7E789E #8B84A3 #9891A8 #A59FAE

#565B8F - #7E789E - #A59FAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
    background: -webkit-linear-gradient(top, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
    background: linear-gradient(to bottom, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
}
</style>