#14284B - #BBC1CB | 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 #14284B a #BBC1CB

#14284B #BBC1CB

Calcule el color entre dos colores, #14284B y #BBC1CB. 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)

#14284B - #BBC1CB | 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 #14284B como 0% y #BBC1CB como 100%.

0.0%	0.0% #14284B	RGB 20 40 75	#14284B
16.7%	16.7% #2F4160	RGB 47 65 96	#2F4160
33.3%	33.3% #4B5B75	RGB 75 91 117	#4B5B75
50.0%	50.0% #67748B	RGB 103 116 139	#67748B
66.7%	66.7% #838EA0	RGB 131 142 160	#838EA0
83.3%	83.3% #9FA7B5	RGB 159 167 181	#9FA7B5
100.0%	100.0% #BBC1CB	RGB 187 193 203	#BBC1CB

#14284B #2F4160 #4B5B75 #67748B #838EA0 #9FA7B5 #BBC1CB

#14284B - #BBC1CB

Mezcla HSV

#14284B - #BBC1CB | 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 #14284B como 0% y #BBC1CB como 100%.

0.0%	0.0% #13274B	RGB 19 39 75	#13274B
16.7%	16.7% #243A60	RGB 36 58 96	#243A60
33.3%	33.3% #394F75	RGB 57 79 117	#394F75
50.0%	50.0% #52678B	RGB 82 103 139	#52678B
66.7%	66.7% #7082A0	RGB 112 130 160	#7082A0
83.3%	83.3% #93A0B5	RGB 147 160 181	#93A0B5
100.0%	100.0% #BBC1CB	RGB 187 193 203	#BBC1CB

#13274B #243A60 #394F75 #52678B #7082A0 #93A0B5 #BBC1CB

#14284B - #52678B - #BBC1CB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13274B 0%, #52678B 50%, #BBC1CB 100%);
    background: -webkit-linear-gradient(top, #13274B 0%, #52678B 50%, #BBC1CB 100%);
    background: linear-gradient(to bottom, #13274B 0%, #52678B 50%, #BBC1CB 100%);
}
</style>