#9C9FDA - #3C4D9A | 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 #9C9FDA a #3C4D9A

#9C9FDA #3C4D9A

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

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

0.0%	0.0% #9C9FDA	RGB 156 159 218	#9C9FDA
16.7%	16.7% #8C91CF	RGB 140 145 207	#8C91CF
33.3%	33.3% #7C83C4	RGB 124 131 196	#7C83C4
50.0%	50.0% #6C76BA	RGB 108 118 186	#6C76BA
66.7%	66.7% #5C68AF	RGB 92 104 175	#5C68AF
83.3%	83.3% #4C5AA4	RGB 76 90 164	#4C5AA4
100.0%	100.0% #3C4D9A	RGB 60 77 154	#3C4D9A

#9C9FDA #8C91CF #7C83C4 #6C76BA #5C68AF #4C5AA4 #3C4D9A

#9C9FDA - #3C4D9A

Mezcla HSV

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

0.0%	0.0% #9C9EDA	RGB 156 158 218	#9C9EDA
16.7%	16.7% #898ECF	RGB 137 142 207	#898ECF
33.3%	33.3% #777EC4	RGB 119 126 196	#777EC4
50.0%	50.0% #6670BA	RGB 102 112 186	#6670BA
66.7%	66.7% #5763AF	RGB 87 99 175	#5763AF
83.3%	83.3% #4957A4	RGB 73 87 164	#4957A4
100.0%	100.0% #3C4D9A	RGB 60 77 154	#3C4D9A

#9C9EDA #898ECF #777EC4 #6670BA #5763AF #4957A4 #3C4D9A

#9C9FDA - #6670BA - #3C4D9A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
    background: -webkit-linear-gradient(top, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
    background: linear-gradient(to bottom, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
}
</style>