#8C92D9 - #28293E | 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 #28293E

#8C92D9 #28293E

Calcule el color entre dos colores, #8C92D9 y #28293E. 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 - #28293E | 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 #28293E como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #7B80BF	RGB 123 128 191	#7B80BF
33.3%	33.3% #6A6FA5	RGB 106 111 165	#6A6FA5
50.0%	50.0% #5A5D8B	RGB 90 93 139	#5A5D8B
66.7%	66.7% #494C71	RGB 73 76 113	#494C71
83.3%	83.3% #383A57	RGB 56 58 87	#383A57
100.0%	100.0% #28293E	RGB 40 41 62	#28293E

#8C92D9 #7B80BF #6A6FA5 #5A5D8B #494C71 #383A57 #28293E

#8C92D9 - #28293E

Mezcla HSV

#8C92D9 - #28293E | 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 #28293E como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #7B80BF	RGB 123 128 191	#7B80BF
33.3%	33.3% #6A6EA5	RGB 106 110 165	#6A6EA5
50.0%	50.0% #5A5D8B	RGB 90 93 139	#5A5D8B
66.7%	66.7% #494B71	RGB 73 75 113	#494B71
83.3%	83.3% #383A57	RGB 56 58 87	#383A57
100.0%	100.0% #28293E	RGB 40 41 62	#28293E

#8C92D9 #7B80BF #6A6EA5 #5A5D8B #494B71 #383A57 #28293E

#8C92D9 - #5A5D8B - #28293E

Códigos CSS

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

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