#B6D4E1 - #333C40 | 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 #B6D4E1 a #333C40

#B6D4E1 #333C40

Calcule el color entre dos colores, #B6D4E1 y #333C40. 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)

#B6D4E1 - #333C40 | 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 #B6D4E1 como 0% y #333C40 como 100%.

0.0%	0.0% #B6D4E1	RGB 182 212 225	#B6D4E1
16.7%	16.7% #A0BAC6	RGB 160 186 198	#A0BAC6
33.3%	33.3% #8AA1AB	RGB 138 161 171	#8AA1AB
50.0%	50.0% #748890	RGB 116 136 144	#748890
66.7%	66.7% #5E6E75	RGB 94 110 117	#5E6E75
83.3%	83.3% #48555A	RGB 72 85 90	#48555A
100.0%	100.0% #333C40	RGB 51 60 64	#333C40

#B6D4E1 #A0BAC6 #8AA1AB #748890 #5E6E75 #48555A #333C40

#B6D4E1 - #333C40

Mezcla HSV

#B6D4E1 - #333C40 | 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 #B6D4E1 como 0% y #333C40 como 100%.

0.0%	0.0% #B6D4E1	RGB 182 212 225	#B6D4E1
16.7%	16.7% #9FBAC6	RGB 159 186 198	#9FBAC6
33.3%	33.3% #89A1AB	RGB 137 161 171	#89A1AB
50.0%	50.0% #748790	RGB 116 135 144	#748790
66.7%	66.7% #5E6E75	RGB 94 110 117	#5E6E75
83.3%	83.3% #48555A	RGB 72 85 90	#48555A
100.0%	100.0% #333C40	RGB 51 60 64	#333C40

#B6D4E1 #9FBAC6 #89A1AB #748790 #5E6E75 #48555A #333C40

#B6D4E1 - #748790 - #333C40

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6D4E1 0%, #748790 50%, #333C40 100%);
    background: -webkit-linear-gradient(top, #B6D4E1 0%, #748790 50%, #333C40 100%);
    background: linear-gradient(to bottom, #B6D4E1 0%, #748790 50%, #333C40 100%);
}
</style>