#3E5EAF - #8DAAD3 | 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 #3E5EAF a #8DAAD3

#3E5EAF #8DAAD3

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

#3E5EAF - #8DAAD3 | 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 #3E5EAF como 0% y #8DAAD3 como 100%.

0.0%	0.0% #3E5EAF	RGB 62 94 175	#3E5EAF
16.7%	16.7% #4B6AB5	RGB 75 106 181	#4B6AB5
33.3%	33.3% #5877BB	RGB 88 119 187	#5877BB
50.0%	50.0% #6584C1	RGB 101 132 193	#6584C1
66.7%	66.7% #7290C7	RGB 114 144 199	#7290C7
83.3%	83.3% #7F9DCD	RGB 127 157 205	#7F9DCD
100.0%	100.0% #8DAAD3	RGB 141 170 211	#8DAAD3

#3E5EAF #4B6AB5 #5877BB #6584C1 #7290C7 #7F9DCD #8DAAD3

#3E5EAF - #8DAAD3

Mezcla HSV

#3E5EAF - #8DAAD3 | 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 #3E5EAF como 0% y #8DAAD3 como 100%.

0.0%	0.0% #3E5DAF	RGB 62 93 175	#3E5DAF
16.7%	16.7% #496AB5	RGB 73 106 181	#496AB5
33.3%	33.3% #5576BB	RGB 85 118 187	#5576BB
50.0%	50.0% #6283C1	RGB 98 131 193	#6283C1
66.7%	66.7% #7090C7	RGB 112 144 199	#7090C7
83.3%	83.3% #7E9DCD	RGB 126 157 205	#7E9DCD
100.0%	100.0% #8DAAD3	RGB 141 170 211	#8DAAD3

#3E5DAF #496AB5 #5576BB #6283C1 #7090C7 #7E9DCD #8DAAD3

#3E5EAF - #6283C1 - #8DAAD3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5DAF 0%, #6283C1 50%, #8DAAD3 100%);
    background: -webkit-linear-gradient(top, #3E5DAF 0%, #6283C1 50%, #8DAAD3 100%);
    background: linear-gradient(to bottom, #3E5DAF 0%, #6283C1 50%, #8DAAD3 100%);
}
</style>