#0C4AA6 - #B9CAE5 | 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 #0C4AA6 a #B9CAE5

#0C4AA6 #B9CAE5

Calcule el color entre dos colores, #0C4AA6 y #B9CAE5. 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)

#0C4AA6 - #B9CAE5 | 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 #0C4AA6 como 0% y #B9CAE5 como 100%.

0.0%	0.0% #0C4AA6	RGB 12 74 166	#0C4AA6
16.7%	16.7% #285FB0	RGB 40 95 176	#285FB0
33.3%	33.3% #4574BB	RGB 69 116 187	#4574BB
50.0%	50.0% #628AC5	RGB 98 138 197	#628AC5
66.7%	66.7% #7F9FD0	RGB 127 159 208	#7F9FD0
83.3%	83.3% #9CB4DA	RGB 156 180 218	#9CB4DA
100.0%	100.0% #B9CAE5	RGB 185 202 229	#B9CAE5

#0C4AA6 #285FB0 #4574BB #628AC5 #7F9FD0 #9CB4DA #B9CAE5

#0C4AA6 - #B9CAE5

Mezcla HSV

#0C4AA6 - #B9CAE5 | 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 #0C4AA6 como 0% y #B9CAE5 como 100%.

0.0%	0.0% #0C49A6	RGB 12 73 166	#0C49A6
16.7%	16.7% #225BB0	RGB 34 91 176	#225BB0
33.3%	33.3% #3B6EBB	RGB 59 110 187	#3B6EBB
50.0%	50.0% #5682C5	RGB 86 130 197	#5682C5
66.7%	66.7% #7598D0	RGB 117 152 208	#7598D0
83.3%	83.3% #95B0DA	RGB 149 176 218	#95B0DA
100.0%	100.0% #B9CAE5	RGB 185 202 229	#B9CAE5

#0C49A6 #225BB0 #3B6EBB #5682C5 #7598D0 #95B0DA #B9CAE5

#0C4AA6 - #5682C5 - #B9CAE5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C49A6 0%, #5682C5 50%, #B9CAE5 100%);
    background: -webkit-linear-gradient(top, #0C49A6 0%, #5682C5 50%, #B9CAE5 100%);
    background: linear-gradient(to bottom, #0C49A6 0%, #5682C5 50%, #B9CAE5 100%);
}
</style>