#142B5E - #BBC2D1 | 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 #142B5E a #BBC2D1

#142B5E #BBC2D1

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

#142B5E - #BBC2D1 | 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 #142B5E como 0% y #BBC2D1 como 100%.

0.0%	0.0% #142B5E	RGB 20 43 94	#142B5E
16.7%	16.7% #2F4471	RGB 47 68 113	#2F4471
33.3%	33.3% #4B5D84	RGB 75 93 132	#4B5D84
50.0%	50.0% #677697	RGB 103 118 151	#677697
66.7%	66.7% #838FAA	RGB 131 143 170	#838FAA
83.3%	83.3% #9FA8BD	RGB 159 168 189	#9FA8BD
100.0%	100.0% #BBC2D1	RGB 187 194 209	#BBC2D1

#142B5E #2F4471 #4B5D84 #677697 #838FAA #9FA8BD #BBC2D1

#142B5E - #BBC2D1

Mezcla HSV

#142B5E - #BBC2D1 | 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 #142B5E como 0% y #BBC2D1 como 100%.

0.0%	0.0% #132A5E	RGB 19 42 94	#132A5E
16.7%	16.7% #243C71	RGB 36 60 113	#243C71
33.3%	33.3% #3A5184	RGB 58 81 132	#3A5184
50.0%	50.0% #536997	RGB 83 105 151	#536997
66.7%	66.7% #7183AA	RGB 113 131 170	#7183AA
83.3%	83.3% #94A1BD	RGB 148 161 189	#94A1BD
100.0%	100.0% #BBC2D1	RGB 187 194 209	#BBC2D1

#132A5E #243C71 #3A5184 #536997 #7183AA #94A1BD #BBC2D1

#142B5E - #536997 - #BBC2D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #132A5E 0%, #536997 50%, #BBC2D1 100%);
    background: -webkit-linear-gradient(top, #132A5E 0%, #536997 50%, #BBC2D1 100%);
    background: linear-gradient(to bottom, #132A5E 0%, #536997 50%, #BBC2D1 100%);
}
</style>