#B6DAE5 - #333E41 | 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 #B6DAE5 a #333E41

#B6DAE5 #333E41

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

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

0.0%	0.0% #B6DAE5	RGB 182 218 229	#B6DAE5
16.7%	16.7% #A0C0C9	RGB 160 192 201	#A0C0C9
33.3%	33.3% #8AA6AE	RGB 138 166 174	#8AA6AE
50.0%	50.0% #748C93	RGB 116 140 147	#748C93
66.7%	66.7% #5E7277	RGB 94 114 119	#5E7277
83.3%	83.3% #48585C	RGB 72 88 92	#48585C
100.0%	100.0% #333E41	RGB 51 62 65	#333E41

#B6DAE5 #A0C0C9 #8AA6AE #748C93 #5E7277 #48585C #333E41

#B6DAE5 - #333E41

Mezcla HSV

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

0.0%	0.0% #B6DAE5	RGB 182 218 229	#B6DAE5
16.7%	16.7% #9FC0C9	RGB 159 192 201	#9FC0C9
33.3%	33.3% #89A6AE	RGB 137 166 174	#89A6AE
50.0%	50.0% #748C93	RGB 116 140 147	#748C93
66.7%	66.7% #5E7277	RGB 94 114 119	#5E7277
83.3%	83.3% #48585C	RGB 72 88 92	#48585C
100.0%	100.0% #333E41	RGB 51 62 65	#333E41

#B6DAE5 #9FC0C9 #89A6AE #748C93 #5E7277 #48585C #333E41

#B6DAE5 - #748C93 - #333E41

Códigos CSS

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

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