#B5E3FB - #589CD3 | 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 #B5E3FB a #589CD3

#B5E3FB #589CD3

Calcule el color entre dos colores, #B5E3FB y #589CD3. 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)

#B5E3FB - #589CD3 | 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 #B5E3FB como 0% y #589CD3 como 100%.

0.0%	0.0% #B5E3FB	RGB 181 227 251	#B5E3FB
16.7%	16.7% #A5D7F4	RGB 165 215 244	#A5D7F4
33.3%	33.3% #96CBED	RGB 150 203 237	#96CBED
50.0%	50.0% #86BFE7	RGB 134 191 231	#86BFE7
66.7%	66.7% #77B3E0	RGB 119 179 224	#77B3E0
83.3%	83.3% #67A7D9	RGB 103 167 217	#67A7D9
100.0%	100.0% #589CD3	RGB 88 156 211	#589CD3

#B5E3FB #A5D7F4 #96CBED #86BFE7 #77B3E0 #67A7D9 #589CD3

#B5E3FB - #589CD3

Mezcla HSV

#B5E3FB - #589CD3 | 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 #B5E3FB como 0% y #589CD3 como 100%.

0.0%	0.0% #B5E3FB	RGB 181 227 251	#B5E3FB
16.7%	16.7% #A3D7F4	RGB 163 215 244	#A3D7F4
33.3%	33.3% #93CBED	RGB 147 203 237	#93CBED
50.0%	50.0% #83BFE7	RGB 131 191 231	#83BFE7
66.7%	66.7% #74B3E0	RGB 116 179 224	#74B3E0
83.3%	83.3% #65A7D9	RGB 101 167 217	#65A7D9
100.0%	100.0% #589CD3	RGB 88 156 211	#589CD3

#B5E3FB #A3D7F4 #93CBED #83BFE7 #74B3E0 #65A7D9 #589CD3

#B5E3FB - #83BFE7 - #589CD3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E3FB 0%, #83BFE7 50%, #589CD3 100%);
    background: -webkit-linear-gradient(top, #B5E3FB 0%, #83BFE7 50%, #589CD3 100%);
    background: linear-gradient(to bottom, #B5E3FB 0%, #83BFE7 50%, #589CD3 100%);
}
</style>