#4E00A8 - #A8C9F9 | 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 #4E00A8 a #A8C9F9

#4E00A8 #A8C9F9

Calcule el color entre dos colores, #4E00A8 y #A8C9F9. 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)

#4E00A8 - #A8C9F9 | 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 #4E00A8 como 0% y #A8C9F9 como 100%.

0.0%	0.0% #4E00A8	RGB 78 0 168	#4E00A8
16.7%	16.7% #5D21B5	RGB 93 33 181	#5D21B5
33.3%	33.3% #6C43C3	RGB 108 67 195	#6C43C3
50.0%	50.0% #7B64D0	RGB 123 100 208	#7B64D0
66.7%	66.7% #8A86DE	RGB 138 134 222	#8A86DE
83.3%	83.3% #99A7EB	RGB 153 167 235	#99A7EB
100.0%	100.0% #A8C9F9	RGB 168 201 249	#A8C9F9

#4E00A8 #5D21B5 #6C43C3 #7B64D0 #8A86DE #99A7EB #A8C9F9

#4E00A8 - #A8C9F9

Mezcla HSV

#4E00A8 - #A8C9F9 | 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 #4E00A8 como 0% y #A8C9F9 como 100%.

0.0%	0.0% #4E00A8	RGB 78 0 168	#4E00A8
16.7%	16.7% #4714B5	RGB 71 20 181	#4714B5
33.3%	33.3% #462BC3	RGB 70 43 195	#462BC3
50.0%	50.0% #4A46D0	RGB 74 70 208	#4A46D0
66.7%	66.7% #6372DE	RGB 99 114 222	#6372DE
83.3%	83.3% #849FEB	RGB 132 159 235	#849FEB
100.0%	100.0% #A8C9F9	RGB 168 201 249	#A8C9F9

#4E00A8 #4714B5 #462BC3 #4A46D0 #6372DE #849FEB #A8C9F9

#4E00A8 - #4A46D0 - #A8C9F9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E00A8 0%, #4A46D0 50%, #A8C9F9 100%);
    background: -webkit-linear-gradient(top, #4E00A8 0%, #4A46D0 50%, #A8C9F9 100%);
    background: linear-gradient(to bottom, #4E00A8 0%, #4A46D0 50%, #A8C9F9 100%);
}
</style>