#6C92EB - #1F3EAC | 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 #6C92EB a #1F3EAC

#6C92EB #1F3EAC

Calcule el color entre dos colores, #6C92EB y #1F3EAC. 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)

#6C92EB - #1F3EAC | 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 #6C92EB como 0% y #1F3EAC como 100%.

0.0%	0.0% #6C92EB	RGB 108 146 235	#6C92EB
16.7%	16.7% #5F84E0	RGB 95 132 224	#5F84E0
33.3%	33.3% #5276D6	RGB 82 118 214	#5276D6
50.0%	50.0% #4568CB	RGB 69 104 203	#4568CB
66.7%	66.7% #385AC1	RGB 56 90 193	#385AC1
83.3%	83.3% #2B4CB6	RGB 43 76 182	#2B4CB6
100.0%	100.0% #1F3EAC	RGB 31 62 172	#1F3EAC

#6C92EB #5F84E0 #5276D6 #4568CB #385AC1 #2B4CB6 #1F3EAC

#6C92EB - #1F3EAC

Mezcla HSV

#6C92EB - #1F3EAC | 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 #6C92EB como 0% y #1F3EAC como 100%.

0.0%	0.0% #6C91EB	RGB 108 145 235	#6C91EB
16.7%	16.7% #5C82E0	RGB 92 130 224	#5C82E0
33.3%	33.3% #4E73D6	RGB 78 115 214	#4E73D6
50.0%	50.0% #4165CB	RGB 65 101 203	#4165CB
66.7%	66.7% #3457C1	RGB 52 87 193	#3457C1
83.3%	83.3% #294AB6	RGB 41 74 182	#294AB6
100.0%	100.0% #1F3EAC	RGB 31 62 172	#1F3EAC

#6C91EB #5C82E0 #4E73D6 #4165CB #3457C1 #294AB6 #1F3EAC

#6C92EB - #4165CB - #1F3EAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
    background: -webkit-linear-gradient(top, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
    background: linear-gradient(to bottom, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
}
</style>