#A8ACE6 - #4558AD | 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 #A8ACE6 a #4558AD

#A8ACE6 #4558AD

Calcule el color entre dos colores, #A8ACE6 y #4558AD. 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)

#A8ACE6 - #4558AD | 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 #A8ACE6 como 0% y #4558AD como 100%.

0.0%	0.0% #A8ACE6	RGB 168 172 230	#A8ACE6
16.7%	16.7% #979EDC	RGB 151 158 220	#979EDC
33.3%	33.3% #8790D3	RGB 135 144 211	#8790D3
50.0%	50.0% #7682C9	RGB 118 130 201	#7682C9
66.7%	66.7% #6674C0	RGB 102 116 192	#6674C0
83.3%	83.3% #5566B6	RGB 85 102 182	#5566B6
100.0%	100.0% #4558AD	RGB 69 88 173	#4558AD

#A8ACE6 #979EDC #8790D3 #7682C9 #6674C0 #5566B6 #4558AD

#A8ACE6 - #4558AD

Mezcla HSV

#A8ACE6 - #4558AD | 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 #A8ACE6 como 0% y #4558AD como 100%.

0.0%	0.0% #A8ABE6	RGB 168 171 230	#A8ABE6
16.7%	16.7% #949ADC	RGB 148 154 220	#949ADC
33.3%	33.3% #828BD3	RGB 130 139 211	#828BD3
50.0%	50.0% #717CC9	RGB 113 124 201	#717CC9
66.7%	66.7% #616FC0	RGB 97 111 192	#616FC0
83.3%	83.3% #5263B6	RGB 82 99 182	#5263B6
100.0%	100.0% #4558AD	RGB 69 88 173	#4558AD

#A8ABE6 #949ADC #828BD3 #717CC9 #616FC0 #5263B6 #4558AD

#A8ACE6 - #717CC9 - #4558AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABE6 0%, #717CC9 50%, #4558AD 100%);
    background: -webkit-linear-gradient(top, #A8ABE6 0%, #717CC9 50%, #4558AD 100%);
    background: linear-gradient(to bottom, #A8ABE6 0%, #717CC9 50%, #4558AD 100%);
}
</style>