#0087D3 - #11427C | 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 #0087D3 a #11427C

#0087D3 #11427C

Calcule el color entre dos colores, #0087D3 y #11427C. 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)

#0087D3 - #11427C | 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 #0087D3 como 0% y #11427C como 100%.

0.0%	0.0% #0087D3	RGB 0 135 211	#0087D3
16.7%	16.7% #027BC4	RGB 2 123 196	#027BC4
33.3%	33.3% #0570B6	RGB 5 112 182	#0570B6
50.0%	50.0% #0864A7	RGB 8 100 167	#0864A7
66.7%	66.7% #0B5999	RGB 11 89 153	#0B5999
83.3%	83.3% #0E4D8A	RGB 14 77 138	#0E4D8A
100.0%	100.0% #11427C	RGB 17 66 124	#11427C

#0087D3 #027BC4 #0570B6 #0864A7 #0B5999 #0E4D8A #11427C

#0087D3 - #11427C

Mezcla HSV

#0087D3 - #11427C | 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 #0087D3 como 0% y #11427C como 100%.

0.0%	0.0% #0087D3	RGB 0 135 211	#0087D3
16.7%	16.7% #0479C4	RGB 4 121 196	#0479C4
33.3%	33.3% #086CB6	RGB 8 108 182	#086CB6
50.0%	50.0% #0B61A7	RGB 11 97 167	#0B61A7
66.7%	66.7% #0D5699	RGB 13 86 153	#0D5699
83.3%	83.3% #0F4B8A	RGB 15 75 138	#0F4B8A
100.0%	100.0% #11427C	RGB 17 66 124	#11427C

#0087D3 #0479C4 #086CB6 #0B61A7 #0D5699 #0F4B8A #11427C

#0087D3 - #0B61A7 - #11427C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0087D3 0%, #0B61A7 50%, #11427C 100%);
    background: -webkit-linear-gradient(top, #0087D3 0%, #0B61A7 50%, #11427C 100%);
    background: linear-gradient(to bottom, #0087D3 0%, #0B61A7 50%, #11427C 100%);
}
</style>