#4B0096 - #94A7ED | 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 #4B0096 a #94A7ED

#4B0096 #94A7ED

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

#4B0096 - #94A7ED | 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 #4B0096 como 0% y #94A7ED como 100%.

0.0%	0.0% #4B0096	RGB 75 0 150	#4B0096
16.7%	16.7% #571BA4	RGB 87 27 164	#571BA4
33.3%	33.3% #6337B3	RGB 99 55 179	#6337B3
50.0%	50.0% #6F53C1	RGB 111 83 193	#6F53C1
66.7%	66.7% #7B6FD0	RGB 123 111 208	#7B6FD0
83.3%	83.3% #878BDE	RGB 135 139 222	#878BDE
100.0%	100.0% #94A7ED	RGB 148 167 237	#94A7ED

#4B0096 #571BA4 #6337B3 #6F53C1 #7B6FD0 #878BDE #94A7ED

#4B0096 - #94A7ED

Mezcla HSV

#4B0096 - #94A7ED | 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 #4B0096 como 0% y #94A7ED como 100%.

0.0%	0.0% #4B0096	RGB 75 0 150	#4B0096
16.7%	16.7% #4911A4	RGB 73 17 164	#4911A4
33.3%	33.3% #4A25B3	RGB 74 37 179	#4A25B3
50.0%	50.0% #4F3CC1	RGB 79 60 193	#4F3CC1
66.7%	66.7% #5956D0	RGB 89 86 208	#5956D0
83.3%	83.3% #737DDE	RGB 115 125 222	#737DDE
100.0%	100.0% #94A7ED	RGB 148 167 237	#94A7ED

#4B0096 #4911A4 #4A25B3 #4F3CC1 #5956D0 #737DDE #94A7ED

#4B0096 - #4F3CC1 - #94A7ED

Códigos CSS

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

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