#B5EAF8 - #334246 | 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 #B5EAF8 a #334246

#B5EAF8 #334246

Calcule el color entre dos colores, #B5EAF8 y #334246. 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)

#B5EAF8 - #334246 | 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 #B5EAF8 como 0% y #334246 como 100%.

0.0%	0.0% #B5EAF8	RGB 181 234 248	#B5EAF8
16.7%	16.7% #9FCEDA	RGB 159 206 218	#9FCEDA
33.3%	33.3% #89B2BC	RGB 137 178 188	#89B2BC
50.0%	50.0% #74969F	RGB 116 150 159	#74969F
66.7%	66.7% #5E7A81	RGB 94 122 129	#5E7A81
83.3%	83.3% #485E63	RGB 72 94 99	#485E63
100.0%	100.0% #334246	RGB 51 66 70	#334246

#B5EAF8 #9FCEDA #89B2BC #74969F #5E7A81 #485E63 #334246

#B5EAF8 - #334246

Mezcla HSV

#B5EAF8 - #334246 | 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 #B5EAF8 como 0% y #334246 como 100%.

0.0%	0.0% #B5EAF8	RGB 181 234 248	#B5EAF8
16.7%	16.7% #9FCDDA	RGB 159 205 218	#9FCDDA
33.3%	33.3% #89B1BC	RGB 137 177 188	#89B1BC
50.0%	50.0% #73959F	RGB 115 149 159	#73959F
66.7%	66.7% #5E7981	RGB 94 121 129	#5E7981
83.3%	83.3% #485D63	RGB 72 93 99	#485D63
100.0%	100.0% #334246	RGB 51 66 70	#334246

#B5EAF8 #9FCDDA #89B1BC #73959F #5E7981 #485D63 #334246

#B5EAF8 - #73959F - #334246

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAF8 0%, #73959F 50%, #334246 100%);
    background: -webkit-linear-gradient(top, #B5EAF8 0%, #73959F 50%, #334246 100%);
    background: linear-gradient(to bottom, #B5EAF8 0%, #73959F 50%, #334246 100%);
}
</style>