#9FA2CD - #40538A | 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 #9FA2CD a #40538A

#9FA2CD #40538A

Calcule el color entre dos colores, #9FA2CD y #40538A. 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)

#9FA2CD - #40538A | 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 #9FA2CD como 0% y #40538A como 100%.

0.0%	0.0% #9FA2CD	RGB 159 162 205	#9FA2CD
16.7%	16.7% #8F94C1	RGB 143 148 193	#8F94C1
33.3%	33.3% #7F87B6	RGB 127 135 182	#7F87B6
50.0%	50.0% #6F7AAB	RGB 111 122 171	#6F7AAB
66.7%	66.7% #5F6DA0	RGB 95 109 160	#5F6DA0
83.3%	83.3% #4F6095	RGB 79 96 149	#4F6095
100.0%	100.0% #40538A	RGB 64 83 138	#40538A

#9FA2CD #8F94C1 #7F87B6 #6F7AAB #5F6DA0 #4F6095 #40538A

#9FA2CD - #40538A

Mezcla HSV

#9FA2CD - #40538A | 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 #9FA2CD como 0% y #40538A como 100%.

0.0%	0.0% #9FA2CD	RGB 159 162 205	#9FA2CD
16.7%	16.7% #8C91C1	RGB 140 145 193	#8C91C1
33.3%	33.3% #7A82B6	RGB 122 130 182	#7A82B6
50.0%	50.0% #6A74AB	RGB 106 116 171	#6A74AB
66.7%	66.7% #5B68A0	RGB 91 104 160	#5B68A0
83.3%	83.3% #4C5D95	RGB 76 93 149	#4C5D95
100.0%	100.0% #40538A	RGB 64 83 138	#40538A

#9FA2CD #8C91C1 #7A82B6 #6A74AB #5B68A0 #4C5D95 #40538A

#9FA2CD - #6A74AB - #40538A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FA2CD 0%, #6A74AB 50%, #40538A 100%);
    background: -webkit-linear-gradient(top, #9FA2CD 0%, #6A74AB 50%, #40538A 100%);
    background: linear-gradient(to bottom, #9FA2CD 0%, #6A74AB 50%, #40538A 100%);
}
</style>