#5E8AC1 - #B9C8D1 | 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 #5E8AC1 a #B9C8D1

#5E8AC1 #B9C8D1

Calcule el color entre dos colores, #5E8AC1 y #B9C8D1. 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)

#5E8AC1 - #B9C8D1 | 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 #5E8AC1 como 0% y #B9C8D1 como 100%.

0.0%	0.0% #5E8AC1	RGB 94 138 193	#5E8AC1
16.7%	16.7% #6D94C3	RGB 109 148 195	#6D94C3
33.3%	33.3% #7C9EC6	RGB 124 158 198	#7C9EC6
50.0%	50.0% #8BA9C9	RGB 139 169 201	#8BA9C9
66.7%	66.7% #9AB3CB	RGB 154 179 203	#9AB3CB
83.3%	83.3% #A9BDCE	RGB 169 189 206	#A9BDCE
100.0%	100.0% #B9C8D1	RGB 185 200 209	#B9C8D1

#5E8AC1 #6D94C3 #7C9EC6 #8BA9C9 #9AB3CB #A9BDCE #B9C8D1

#5E8AC1 - #B9C8D1

Mezcla HSV

#5E8AC1 - #B9C8D1 | 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 #5E8AC1 como 0% y #B9C8D1 como 100%.

0.0%	0.0% #5E8AC1	RGB 94 138 193	#5E8AC1
16.7%	16.7% #6C95C3	RGB 108 149 195	#6C95C3
33.3%	33.3% #7AA0C6	RGB 122 160 198	#7AA0C6
50.0%	50.0% #89ABC9	RGB 137 171 201	#89ABC9
66.7%	66.7% #99B5CB	RGB 153 181 203	#99B5CB
83.3%	83.3% #A8BFCE	RGB 168 191 206	#A8BFCE
100.0%	100.0% #B9C8D1	RGB 185 200 209	#B9C8D1

#5E8AC1 #6C95C3 #7AA0C6 #89ABC9 #99B5CB #A8BFCE #B9C8D1

#5E8AC1 - #89ABC9 - #B9C8D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8AC1 0%, #89ABC9 50%, #B9C8D1 100%);
    background: -webkit-linear-gradient(top, #5E8AC1 0%, #89ABC9 50%, #B9C8D1 100%);
    background: linear-gradient(to bottom, #5E8AC1 0%, #89ABC9 50%, #B9C8D1 100%);
}
</style>