#2989BA - #006085 | 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 #2989BA a #006085

#2989BA #006085

Calcule el color entre dos colores, #2989BA y #006085. 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)

#2989BA - #006085 | 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 #2989BA como 0% y #006085 como 100%.

0.0%	0.0% #2989BA	RGB 41 137 186	#2989BA
16.7%	16.7% #2282B1	RGB 34 130 177	#2282B1
33.3%	33.3% #1B7BA8	RGB 27 123 168	#1B7BA8
50.0%	50.0% #14749F	RGB 20 116 159	#14749F
66.7%	66.7% #0D6D96	RGB 13 109 150	#0D6D96
83.3%	83.3% #06668D	RGB 6 102 141	#06668D
100.0%	100.0% #006085	RGB 0 96 133	#006085

#2989BA #2282B1 #1B7BA8 #14749F #0D6D96 #06668D #006085

#2989BA - #006085

Mezcla HSV

#2989BA - #006085 | 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 #2989BA como 0% y #006085 como 100%.

0.0%	0.0% #2988BA	RGB 41 136 186	#2988BA
16.7%	16.7% #2081B1	RGB 32 129 177	#2081B1
33.3%	33.3% #187AA8	RGB 24 122 168	#187AA8
50.0%	50.0% #11739F	RGB 17 115 159	#11739F
66.7%	66.7% #0B6D96	RGB 11 109 150	#0B6D96
83.3%	83.3% #05668D	RGB 5 102 141	#05668D
100.0%	100.0% #006085	RGB 0 96 133	#006085

#2988BA #2081B1 #187AA8 #11739F #0B6D96 #05668D #006085

#2989BA - #11739F - #006085

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2988BA 0%, #11739F 50%, #006085 100%);
    background: -webkit-linear-gradient(top, #2988BA 0%, #11739F 50%, #006085 100%);
    background: linear-gradient(to bottom, #2988BA 0%, #11739F 50%, #006085 100%);
}
</style>