#006BAF - #B7F5E3 | 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 #006BAF a #B7F5E3

#006BAF #B7F5E3

Calcule el color entre dos colores, #006BAF y #B7F5E3. 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)

#006BAF - #B7F5E3 | 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 #006BAF como 0% y #B7F5E3 como 100%.

0.0%	0.0% #006BAF	RGB 0 107 175	#006BAF
16.7%	16.7% #1E82B7	RGB 30 130 183	#1E82B7
33.3%	33.3% #3D99C0	RGB 61 153 192	#3D99C0
50.0%	50.0% #5BB0C9	RGB 91 176 201	#5BB0C9
66.7%	66.7% #7AC7D1	RGB 122 199 209	#7AC7D1
83.3%	83.3% #98DEDA	RGB 152 222 218	#98DEDA
100.0%	100.0% #B7F5E3	RGB 183 245 227	#B7F5E3

#006BAF #1E82B7 #3D99C0 #5BB0C9 #7AC7D1 #98DEDA #B7F5E3

#006BAF - #B7F5E3

Mezcla HSV

#006BAF - #B7F5E3 | 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 #006BAF como 0% y #B7F5E3 como 100%.

0.0%	0.0% #006BAF	RGB 0 107 175	#006BAF
16.7%	16.7% #178DBA	RGB 23 141 186	#178DBA
33.3%	33.3% #31AEC6	RGB 49 174 198	#31AEC6
50.0%	50.0% #4ECBD2	RGB 78 203 210	#4ECBD2
66.7%	66.7% #6EDDD6	RGB 110 221 214	#6EDDD6
83.3%	83.3% #91E9D9	RGB 145 233 217	#91E9D9
100.0%	100.0% #B7F5E3	RGB 183 245 227	#B7F5E3

#006BAF #178DBA #31AEC6 #4ECBD2 #6EDDD6 #91E9D9 #B7F5E3

#006BAF - #4ECBD2 - #B7F5E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006BAF 0%, #4ECBD2 50%, #B7F5E3 100%);
    background: -webkit-linear-gradient(top, #006BAF 0%, #4ECBD2 50%, #B7F5E3 100%);
    background: linear-gradient(to bottom, #006BAF 0%, #4ECBD2 50%, #B7F5E3 100%);
}
</style>