#AFB8F0 - #5E64DA | 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 #AFB8F0 a #5E64DA

#AFB8F0 #5E64DA

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

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

0.0%	0.0% #AFB8F0	RGB 175 184 240	#AFB8F0
16.7%	16.7% #A1AAEC	RGB 161 170 236	#A1AAEC
33.3%	33.3% #949CE8	RGB 148 156 232	#949CE8
50.0%	50.0% #868EE5	RGB 134 142 229	#868EE5
66.7%	66.7% #7980E1	RGB 121 128 225	#7980E1
83.3%	83.3% #6B72DD	RGB 107 114 221	#6B72DD
100.0%	100.0% #5E64DA	RGB 94 100 218	#5E64DA

#AFB8F0 #A1AAEC #949CE8 #868EE5 #7980E1 #6B72DD #5E64DA

#AFB8F0 - #5E64DA

Mezcla HSV

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

0.0%	0.0% #AFB8F0	RGB 175 184 240	#AFB8F0
16.7%	16.7% #A0A9EC	RGB 160 169 236	#A0A9EC
33.3%	33.3% #929BE8	RGB 146 155 232	#929BE8
50.0%	50.0% #848DE5	RGB 132 141 229	#848DE5
66.7%	66.7% #777FE1	RGB 119 127 225	#777FE1
83.3%	83.3% #6A71DD	RGB 106 113 221	#6A71DD
100.0%	100.0% #5E64DA	RGB 94 100 218	#5E64DA

#AFB8F0 #A0A9EC #929BE8 #848DE5 #777FE1 #6A71DD #5E64DA

#AFB8F0 - #848DE5 - #5E64DA

Códigos CSS

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

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