#8C92D9 - #304096 | 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 #8C92D9 a #304096

#8C92D9 #304096

Calcule el color entre dos colores, #8C92D9 y #304096. 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)

#8C92D9 - #304096 | 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 #8C92D9 como 0% y #304096 como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #7C84CD	RGB 124 132 205	#7C84CD
33.3%	33.3% #6D76C2	RGB 109 118 194	#6D76C2
50.0%	50.0% #5E69B7	RGB 94 105 183	#5E69B7
66.7%	66.7% #4E5BAC	RGB 78 91 172	#4E5BAC
83.3%	83.3% #3F4DA1	RGB 63 77 161	#3F4DA1
100.0%	100.0% #304096	RGB 48 64 150	#304096

#8C92D9 #7C84CD #6D76C2 #5E69B7 #4E5BAC #3F4DA1 #304096

#8C92D9 - #304096

Mezcla HSV

#8C92D9 - #304096 | 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 #8C92D9 como 0% y #304096 como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #7981CD	RGB 121 129 205	#7981CD
33.3%	33.3% #6871C2	RGB 104 113 194	#6871C2
50.0%	50.0% #5863B7	RGB 88 99 183	#5863B7
66.7%	66.7% #4956AC	RGB 73 86 172	#4956AC
83.3%	83.3% #3C4AA1	RGB 60 74 161	#3C4AA1
100.0%	100.0% #304096	RGB 48 64 150	#304096

#8C92D9 #7981CD #6871C2 #5863B7 #4956AC #3C4AA1 #304096

#8C92D9 - #5863B7 - #304096

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C92D9 0%, #5863B7 50%, #304096 100%);
    background: -webkit-linear-gradient(top, #8C92D9 0%, #5863B7 50%, #304096 100%);
    background: linear-gradient(to bottom, #8C92D9 0%, #5863B7 50%, #304096 100%);
}
</style>