#2169A2 - #8BBBCE | 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 #2169A2 a #8BBBCE

#2169A2 #8BBBCE

Calcule el color entre dos colores, #2169A2 y #8BBBCE. 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)

#2169A2 - #8BBBCE | 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 #2169A2 como 0% y #8BBBCE como 100%.

0.0%	0.0% #2169A2	RGB 33 105 162	#2169A2
16.7%	16.7% #3276A9	RGB 50 118 169	#3276A9
33.3%	33.3% #4484B0	RGB 68 132 176	#4484B0
50.0%	50.0% #5692B8	RGB 86 146 184	#5692B8
66.7%	66.7% #679FBF	RGB 103 159 191	#679FBF
83.3%	83.3% #79ADC6	RGB 121 173 198	#79ADC6
100.0%	100.0% #8BBBCE	RGB 139 187 206	#8BBBCE

#2169A2 #3276A9 #4484B0 #5692B8 #679FBF #79ADC6 #8BBBCE

#2169A2 - #8BBBCE

Mezcla HSV

#2169A2 - #8BBBCE | 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 #2169A2 como 0% y #8BBBCE como 100%.

0.0%	0.0% #2169A2	RGB 33 105 162	#2169A2
16.7%	16.7% #2F76A9	RGB 47 118 169	#2F76A9
33.3%	33.3% #3F84B0	RGB 63 132 176	#3F84B0
50.0%	50.0% #5092B8	RGB 80 146 184	#5092B8
66.7%	66.7% #63A0BF	RGB 99 160 191	#63A0BF
83.3%	83.3% #76ADC6	RGB 118 173 198	#76ADC6
100.0%	100.0% #8BBBCE	RGB 139 187 206	#8BBBCE

#2169A2 #2F76A9 #3F84B0 #5092B8 #63A0BF #76ADC6 #8BBBCE

#2169A2 - #5092B8 - #8BBBCE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2169A2 0%, #5092B8 50%, #8BBBCE 100%);
    background: -webkit-linear-gradient(top, #2169A2 0%, #5092B8 50%, #8BBBCE 100%);
    background: linear-gradient(to bottom, #2169A2 0%, #5092B8 50%, #8BBBCE 100%);
}
</style>