#5E71DA - #142B8F | 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 #5E71DA a #142B8F

#5E71DA #142B8F

Calcule el color entre dos colores, #5E71DA y #142B8F. 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)

#5E71DA - #142B8F | 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 #5E71DA como 0% y #142B8F como 100%.

0.0%	0.0% #5E71DA	RGB 94 113 218	#5E71DA
16.7%	16.7% #5165CD	RGB 81 101 205	#5165CD
33.3%	33.3% #4559C1	RGB 69 89 193	#4559C1
50.0%	50.0% #394EB4	RGB 57 78 180	#394EB4
66.7%	66.7% #2C42A8	RGB 44 66 168	#2C42A8
83.3%	83.3% #20369B	RGB 32 54 155	#20369B
100.0%	100.0% #142B8F	RGB 20 43 143	#142B8F

#5E71DA #5165CD #4559C1 #394EB4 #2C42A8 #20369B #142B8F

#5E71DA - #142B8F

Mezcla HSV

#5E71DA - #142B8F | 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 #5E71DA como 0% y #142B8F como 100%.

0.0%	0.0% #5E71DA	RGB 94 113 218	#5E71DA
16.7%	16.7% #4E62CD	RGB 78 98 205	#4E62CD
33.3%	33.3% #4055C1	RGB 64 85 193	#4055C1
50.0%	50.0% #3349B4	RGB 51 73 180	#3349B4
66.7%	66.7% #273EA8	RGB 39 62 168	#273EA8
83.3%	83.3% #1D349B	RGB 29 52 155	#1D349B
100.0%	100.0% #142B8F	RGB 20 43 143	#142B8F

#5E71DA #4E62CD #4055C1 #3349B4 #273EA8 #1D349B #142B8F

#5E71DA - #3349B4 - #142B8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E71DA 0%, #3349B4 50%, #142B8F 100%);
    background: -webkit-linear-gradient(top, #5E71DA 0%, #3349B4 50%, #142B8F 100%);
    background: linear-gradient(to bottom, #5E71DA 0%, #3349B4 50%, #142B8F 100%);
}
</style>