#6E75CD - #1F2C7E | 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 #6E75CD a #1F2C7E

#6E75CD #1F2C7E

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

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

0.0%	0.0% #6E75CD	RGB 110 117 205	#6E75CD
16.7%	16.7% #6068BF	RGB 96 104 191	#6068BF
33.3%	33.3% #535CB2	RGB 83 92 178	#535CB2
50.0%	50.0% #4650A5	RGB 70 80 165	#4650A5
66.7%	66.7% #394498	RGB 57 68 152	#394498
83.3%	83.3% #2C388B	RGB 44 56 139	#2C388B
100.0%	100.0% #1F2C7E	RGB 31 44 126	#1F2C7E

#6E75CD #6068BF #535CB2 #4650A5 #394498 #2C388B #1F2C7E

#6E75CD - #1F2C7E

Mezcla HSV

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

0.0%	0.0% #6E75CD	RGB 110 117 205	#6E75CD
16.7%	16.7% #5D65BF	RGB 93 101 191	#5D65BF
33.3%	33.3% #4E58B2	RGB 78 88 178	#4E58B2
50.0%	50.0% #404BA5	RGB 64 75 165	#404BA5
66.7%	66.7% #343F98	RGB 52 63 152	#343F98
83.3%	83.3% #28358B	RGB 40 53 139	#28358B
100.0%	100.0% #1F2C7E	RGB 31 44 126	#1F2C7E

#6E75CD #5D65BF #4E58B2 #404BA5 #343F98 #28358B #1F2C7E

#6E75CD - #404BA5 - #1F2C7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E75CD 0%, #404BA5 50%, #1F2C7E 100%);
    background: -webkit-linear-gradient(top, #6E75CD 0%, #404BA5 50%, #1F2C7E 100%);
    background: linear-gradient(to bottom, #6E75CD 0%, #404BA5 50%, #1F2C7E 100%);
}
</style>