#9F9FDB - #3D4D9C | 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 #9F9FDB a #3D4D9C

#9F9FDB #3D4D9C

Calcule el color entre dos colores, #9F9FDB y #3D4D9C. 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)

#9F9FDB - #3D4D9C | 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 #9F9FDB como 0% y #3D4D9C como 100%.

0.0%	0.0% #9F9FDB	RGB 159 159 219	#9F9FDB
16.7%	16.7% #8E91D0	RGB 142 145 208	#8E91D0
33.3%	33.3% #7E83C6	RGB 126 131 198	#7E83C6
50.0%	50.0% #6E76BB	RGB 110 118 187	#6E76BB
66.7%	66.7% #5D68B1	RGB 93 104 177	#5D68B1
83.3%	83.3% #4D5AA6	RGB 77 90 166	#4D5AA6
100.0%	100.0% #3D4D9C	RGB 61 77 156	#3D4D9C

#9F9FDB #8E91D0 #7E83C6 #6E76BB #5D68B1 #4D5AA6 #3D4D9C

#9F9FDB - #3D4D9C

Mezcla HSV

#9F9FDB - #3D4D9C | 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 #9F9FDB como 0% y #3D4D9C como 100%.

0.0%	0.0% #9F9FDB	RGB 159 159 219	#9F9FDB
16.7%	16.7% #8B8DD0	RGB 139 141 208	#8B8DD0
33.3%	33.3% #797DC6	RGB 121 125 198	#797DC6
50.0%	50.0% #686FBB	RGB 104 111 187	#686FBB
66.7%	66.7% #5862B1	RGB 88 98 177	#5862B1
83.3%	83.3% #4A57A6	RGB 74 87 166	#4A57A6
100.0%	100.0% #3D4D9C	RGB 61 77 156	#3D4D9C

#9F9FDB #8B8DD0 #797DC6 #686FBB #5862B1 #4A57A6 #3D4D9C

#9F9FDB - #686FBB - #3D4D9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9FDB 0%, #686FBB 50%, #3D4D9C 100%);
    background: -webkit-linear-gradient(top, #9F9FDB 0%, #686FBB 50%, #3D4D9C 100%);
    background: linear-gradient(to bottom, #9F9FDB 0%, #686FBB 50%, #3D4D9C 100%);
}
</style>